:root {
  --bg:#101116;
  --panel:#1b1d27;
  --line:#b8004c;
  --text:#f8fafc;
  --muted:#c3c0ca;
  --accent:#a60045;
  --accent2:#c12c5e;
  --ink:#0e223b;
  --link:#f23071;
  --btn-dark-bg:#ad2553;
  --btn-dark-text:#ffffff;
  --btn-dark-line:#b8004c;
  --card-bg:linear-gradient(180deg,#262833,#191b24);
  --input-bg:#262833;
  --input-line:#b8004c;
  --input-text:#fff;
  --surface-bg:#1b1d27;
  --surface-line:#b8004c;
  --surface-2-bg:#151721;
  --surface-2-line:#b8004c;
  --body-grad-1:#1c1d25;
  --body-grad-2:#0f1015;
  --body-grad-3:rgba(184,0,76,.16);
  --sticky-grad-1:rgba(16,17,22,.96);
  --sticky-grad-2:rgba(16,17,22,.76);
  --sticky-grad-3:rgba(16,17,22,0);
  --pill-border:#b8004c;
  --pill-bg:rgba(38,40,51,.78);
  --pill-text:#f8fafc;
  --pill-label:#ffc9d6;
  --pill-value:#ffffff;
  --timeline-day:#ffc9d6;
  --timeline-empty-border:#45425f;
  --timeline-empty-bg:rgba(29,32,51,.72);
  --timeline-empty-title:#f8fafc;
  --timeline-empty-note:#cfc9d8;
  --url-chip-border:#b8004c;
  --url-chip-bg:#20212a;
  --url-chip-text:#f8fafc;
  --url-chip-hover-border:#c12c5e;
  --url-chip-hover-bg:#2a1822;
  --url-item-border:#b8004c;
  --url-item-bg:#171820;
  --url-item-link:#ff8dad;
  --url-item-kind:#ffc9d6;
  --viewer-disabled-text:#a9a7b7;
  --viewer-disabled-bg:#20212a;
  --viewer-disabled-border:#b8004c;
  --quick-item-border:#b8004c;
  --quick-item-bg:rgba(25,27,36,.82);
  --quick-item-run:#c12c5e;
  --quick-item-done-border:#4da96d;
  --quick-item-done-bg:rgba(17,180,148,.14);
  --quick-item-failed-border:#e53063;
  --quick-item-failed-bg:rgba(184,0,76,.18);
  --quick-item-meta:#f8fafc;
  --quick-item-done-text:#52e2cf;
  --quick-item-failed-text:#ffc9d6;
  --quick-bar-bg:#1b1d27;
  --quick-bar-border:#b8004c;
  --table-line:#343744;
  --scroll-bg:#20222d;
  --scroll-line:#343744;
  --admin-log-bg:#101116;
  --admin-log-line:#b8004c;
  --error-note-text:#ffc9d6;
  --error-note-border:#d62264;
  --error-note-bg:rgba(184,0,76,.18);
  --text-view-bg:#1d2033;
  --text-view-text:#f8fafc;
  --text-view-link:#ff8dad;
  --text-view-code-bg:#20212a;
  --text-view-code-border:#b8004c;
  --text-view-quote-bg:rgba(242,48,113,.08);
  --text-view-quote-line:#f23071;
  --text-view-quote-text:#d7fbff;
  --viewer-shell-bg:#171820;
  --maint-banner-bg:linear-gradient(170deg,rgba(23,24,32,.94),rgba(16,17,22,.98));
  --maint-banner-border:#b8004c;
  --maint-kicker-text:#ffc9d6;
  --maint-kicker-border:#b57c8a;
  --maint-title:#f8fafc;
  --maint-hint:#cfc9d8;
  --mode-speed-text:#ffb3a6;
  --mode-speed-border:#ff5f45;
  --mode-speed-bg:rgba(255,95,69,.16);
  --mode-complete-text:#98f3ff;
  --mode-complete-border:#04e2ff;
  --mode-complete-bg:rgba(4,226,255,.12);
  --viewer-meta-pill-bg:rgba(38,40,51,.82);
  --viewer-meta-pill-line:#b8004c;
  --home-action-btn-bg:#ad2553;
  --home-action-btn-hover-bg:#ad2553;
  --home-action-btn-text:#ffffff;
  --home-action-btn-sep:rgba(255,255,255,.2);
  --home-intent-hover-bg:#ad2553;
  --home-intent-hover-border:#b8004c;
  --btn-shadow:0 6px 0 #b8004c, 0 12px 18px rgba(0,0,0,.22);
  --btn-shadow-pressed:0 3px 0 #b8004c, 0 8px 14px rgba(0,0,0,.18);
  --btn-primary-shadow:0 6px 0 #b8004c, 0 12px 18px rgba(0,0,0,.22);
  --btn-primary-shadow-pressed:0 3px 0 #b8004c, 0 8px 14px rgba(0,0,0,.18);
  --toggle-track-bg:linear-gradient(180deg, rgba(32,33,42,.96), rgba(23,24,32,.96));
  --toggle-track-border:#343641;
  --toggle-pill-bg:#ad2553;
  --toggle-pill-border:#ffc9d6;
  --toggle-pill-text:#ffffff;
  --toggle-pill-active-bg:#ad2553;
  --toggle-pill-active-border:#ffc9d6;
  --toggle-pill-active-text:var(--btn-dark-text);
  --toggle-pill-active-shadow:0 4px 0 #6b002c, 0 10px 14px rgba(6,16,28,.24);
  --backoffice-panel-bg:linear-gradient(180deg,#272a36,#1d202b);
  --backoffice-card-bg:linear-gradient(180deg,#303443,#242735);
  --backoffice-card-line:#424657;
  --backoffice-control-bg:linear-gradient(180deg,#2d3140,#222632);
  --backoffice-row-bg:linear-gradient(180deg,#2a2e3b,#202431);
}
html { color-scheme:dark; }
html[data-theme="light"] {
  color-scheme:light;
  --bg:#f7f9f9;
  --panel:#ffffff;
  --line:#e8c9e8;
  --text:#0e223b;
  --muted:#808893;
  --accent:#a60045;
  --accent2:#c12c5e;
  --link:#b8004c;
  --btn-dark-bg:#ffc9d6;
  --btn-dark-text:#0e223b;
  --btn-dark-line:transparent;
  --card-bg:linear-gradient(180deg,#ffffff,#ffedf3);
  --input-bg:#ffffff;
  --input-line:#e8c9e8;
  --input-text:#0e223b;
  --surface-bg:#ffedf3;
  --surface-line:#e8c9e8;
  --surface-2-bg:#ffffff;
  --surface-2-line:#ffc9d6;
  --body-grad-1:#ffedf3;
  --body-grad-2:#f7f9f9;
  --body-grad-3:rgba(184,0,76,.14);
  --sticky-grad-1:rgba(247,249,249,.96);
  --sticky-grad-2:rgba(247,249,249,.74);
  --sticky-grad-3:rgba(247,249,249,0);
  --pill-border:#e8c9e8;
  --pill-bg:#ffffff;
  --pill-text:#0e223b;
  --pill-label:#a5385c;
  --pill-value:#0e223b;
  --timeline-day:#a5385c;
  --timeline-empty-border:#e8c9e8;
  --timeline-empty-bg:#ffffff;
  --timeline-empty-title:#0e223b;
  --timeline-empty-note:#808893;
  --url-chip-border:#e8c9e8;
  --url-chip-bg:#ffedf3;
  --url-chip-text:#0e223b;
  --url-chip-hover-border:#b8004c;
  --url-chip-hover-bg:#ffc9d6;
  --url-item-border:#e8c9e8;
  --url-item-bg:#ffffff;
  --url-item-link:#b8004c;
  --url-item-kind:#a5385c;
  --viewer-disabled-text:#808893;
  --viewer-disabled-bg:#ffedf3;
  --viewer-disabled-border:#e8c9e8;
  --quick-item-border:#e8c9e8;
  --quick-item-bg:#ffffff;
  --quick-item-run:#b57c8a;
  --quick-item-done-border:#11b494;
  --quick-item-done-bg:#effaf7;
  --quick-item-failed-border:#d62264;
  --quick-item-failed-bg:#ffedf3;
  --quick-item-meta:#0e223b;
  --quick-item-done-text:#0b7d68;
  --quick-item-failed-text:#b8004c;
  --quick-bar-bg:#ffedf3;
  --quick-bar-border:#e8c9e8;
  --table-line:#e8c9e8;
  --scroll-bg:#ffedf3;
  --scroll-line:#e8c9e8;
  --admin-log-bg:#ffffff;
  --admin-log-line:#e8c9e8;
  --error-note-text:#b8004c;
  --error-note-border:#d62264;
  --error-note-bg:#ffedf3;
  --text-view-bg:#ffffff;
  --text-view-text:#0e223b;
  --text-view-link:#b8004c;
  --text-view-code-bg:#ffedf3;
  --text-view-code-border:#e8c9e8;
  --text-view-quote-bg:rgba(232,201,232,.46);
  --text-view-quote-line:#b8004c;
  --text-view-quote-text:#0e223b;
  --viewer-shell-bg:#e8c9e8;
  --maint-banner-bg:linear-gradient(170deg,#ffffff,#ffedf3);
  --maint-banner-border:#e8c9e8;
  --maint-kicker-text:#b8004c;
  --maint-kicker-border:#e8c9e8;
  --maint-title:#0e223b;
  --maint-hint:#808893;
  --mode-speed-text:#ea3c1f;
  --mode-speed-border:#ff5f45;
  --mode-speed-bg:rgba(255,95,69,.18);
  --mode-complete-text:#0c7890;
  --mode-complete-border:#04e2ff;
  --mode-complete-bg:rgba(4,226,255,.16);
  --viewer-meta-pill-bg:#ffffff;
  --viewer-meta-pill-line:#e8c9e8;
  --home-action-btn-bg:#ffc9d6;
  --home-action-btn-hover-bg:#ffc9d6;
  --home-action-btn-text:#0e223b;
  --home-action-btn-sep:rgba(255,255,255,.24);
  --home-intent-hover-bg:#ffc9d6;
  --home-intent-hover-border:transparent;
  --btn-shadow:0 6px 0 #b8004c, 0 12px 18px rgba(14,34,59,.1);
  --btn-shadow-pressed:0 3px 0 #b8004c, 0 8px 14px rgba(14,34,59,.08);
  --btn-primary-shadow:0 6px 0 #b8004c, 0 12px 18px rgba(14,34,59,.1);
  --btn-primary-shadow-pressed:0 3px 0 #b8004c, 0 8px 14px rgba(14,34,59,.08);
  --toggle-track-bg:#ffc9d6;
  --toggle-track-border:#f3aabd;
  --toggle-pill-bg:#ffc9d6;
  --toggle-pill-border:#f3aabd;
  --toggle-pill-text:#0e223b;
  --toggle-pill-active-bg:#ffc9d6;
  --toggle-pill-active-border:#f3aabd;
  --toggle-pill-active-text:var(--btn-dark-text);
  --toggle-pill-active-shadow:0 4px 0 #e7a1b6, 0 10px 14px rgba(42,73,108,.1);
  --backoffice-panel-bg:linear-gradient(180deg,#ffffff,#fff5f8);
  --backoffice-card-bg:linear-gradient(180deg,#ffffff,#ffedf3);
  --backoffice-card-line:#e8c9e8;
  --backoffice-control-bg:linear-gradient(180deg,#ffffff,#fff4f8);
  --backoffice-row-bg:linear-gradient(180deg,#ffffff,#fff6f9);
}
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; font-family:"Segoe UI",system-ui,sans-serif; background:radial-gradient(circle at 12% -12%,var(--body-grad-1),var(--body-grad-2) 48%), radial-gradient(circle at 95% 0%,var(--body-grad-3),transparent 34%); color:var(--text); }
body.home-page { min-height:100vh; display:flex; flex-direction:column; background:linear-gradient(180deg,#1c1d25 0%, #14151c 42%, #0f1015 100%); }
html[data-theme="light"] body.home-page {
  background:linear-gradient(180deg, color-mix(in srgb,var(--body-grad-2) 78%, #fff) 0%, color-mix(in srgb,var(--body-grad-2) 92%, #eef4fb) 100%);
}
a { color:var(--link); text-decoration:none; }
.wrap { width:min(1280px,92vw); margin:0 auto; padding:18px 0 56px; }
.wrap-viewer { width:min(1800px,96vw); }
.home-page .wrap { position:relative; z-index:1; min-height:100vh; display:flex; flex-direction:column; padding-bottom:0; }
.wrap-dashboard { width:min(1800px,98vw); }
.wrap-dashboard > .card { border-color:var(--backoffice-card-line); background:var(--backoffice-panel-bg); box-shadow:0 18px 45px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06); }
.top { display:grid; grid-template-columns:auto minmax(120px,1fr) auto; align-items:center; gap:14px; margin-bottom:18px; padding:8px 10px 18px; border-bottom:1px solid var(--line); }
.top-home .brand-line > strong { font-size:34px; }
.top-middle { display:flex; justify-content:center; align-items:center; min-width:0; gap:10px; flex-wrap:wrap; }
.top-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end; justify-self:end; }
.top-no-dashboard .top-middle { justify-content:center; }
.brand { display:inline-flex; gap:12px; align-items:center; color:inherit; }
.brand-mark { width:48px; height:48px; border-radius:12px; object-fit:contain; background:transparent; padding:0; }
.top-home .brand-mark { width:56px; height:56px; border-radius:14px; }
.brand-text { display:inline-flex; flex-direction:column; min-width:0; }
.brand-line { display:inline-flex; align-items:center; gap:8px; }
.brand-subline { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; }
.top-home .brand-subline { justify-content:flex-start; gap:12px; flex-wrap:wrap; }
.brand-subline > span:first-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.brand-hosted-copy { display:inline-flex; align-items:center; gap:10px; font-weight:700; font-size:13px; letter-spacing:.01em; color:var(--muted); }
.local-build-badge {
  display:inline-flex;
  align-items:center;
  border:1px solid var(--toggle-track-border);
  background:var(--toggle-track-bg);
  color:var(--btn-dark-text);
  border-radius:999px;
  padding:2px 8px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.3px;
  white-space:nowrap;
  line-height:1.2;
}
.beta-badge { font-size:10px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; color:#07152a; background:linear-gradient(160deg,#ffd166,#ff9f43); border:1px solid #f5bd5c; border-radius:999px; padding:3px 7px; line-height:1; transform: translateY(1px); }
.brand-text > strong, .brand-line > strong { font-size:26px; color:var(--text); letter-spacing:.3px; line-height:1; }
.brand-text > span { color:var(--muted); font-size:13px; margin-top:2px; }

.plain-toggle-control {
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:transparent;
  border:0;
  color:var(--text);
  padding:0;
  min-height:0;
}
.btn { display:inline-flex; align-items:center; justify-content:center; border:none; border-radius:999px; padding:11px 18px; font-weight:700; cursor:pointer; transition:transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease, filter .22s ease; }
.btn[hidden] { display:none !important; }
.btn-primary { background:var(--btn-dark-bg); color:var(--btn-dark-text); border:1px solid var(--btn-dark-line); box-shadow:var(--btn-primary-shadow); }
.btn-dark { background:var(--btn-dark-bg); color:var(--btn-dark-text); border:1px solid var(--btn-dark-line); box-shadow:var(--btn-shadow); }
.theme-toggle-btn { gap:0; min-width:0; height:auto; padding:0; border-radius:0; cursor:pointer; align-items:center; }
.theme-toggle-text { font-weight:700; color:var(--text); font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.theme-switch {
  width:74px;
  height:38px;
  border-radius:999px;
  border:1px solid var(--btn-dark-line);
  background:var(--btn-dark-bg);
  padding:4px 4px 9px;
  display:inline-flex;
  align-items:flex-start;
  position:relative;
  overflow:hidden;
  box-shadow:var(--btn-shadow);
  transition:transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s ease, background .28s ease, border-color .28s ease, color .28s ease;
}
.theme-switch::before {
  content:"";
  position:absolute;
  inset:4px 4px 9px;
  z-index:0;
  border-radius:999px;
  background:color-mix(in srgb,var(--btn-dark-bg) 90%, #fff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
  transition:background .28s ease, box-shadow .28s ease;
}
.theme-switch::after {
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  z-index:0;
  width:28px;
  height:calc(100% - 13px);
  border-radius:999px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--btn-dark-bg) 78%, var(--accent) 22%), color-mix(in srgb,var(--btn-dark-bg) 84%, var(--accent2) 16%));
  border:1px solid color-mix(in srgb,var(--accent) 24%, var(--btn-dark-line));
  opacity:.18;
  transform:translateX(0);
  transition:transform .42s cubic-bezier(.22,1,.36,1), opacity .28s ease, background .28s ease, border-color .28s ease;
}
.theme-switch-icon {
  position:absolute;
  top:10px;
  z-index:1;
  width:14px;
  height:14px;
  color:var(--muted);
  opacity:.72;
  transition:opacity .24s ease, transform .36s cubic-bezier(.22,1,.36,1), color .28s ease;
}
.theme-switch-icon.moon { left:10px; }
.theme-switch-icon.sun { right:10px; transform:scale(.9) rotate(-6deg); }
.theme-switch-knob {
  position:relative;
  z-index:2;
  width:28px;
  height:25px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--accent) 28%, var(--btn-dark-line));
  background:color-mix(in srgb,var(--btn-dark-bg) 80%, var(--accent) 20%);
  transform:translateX(0);
  transition:transform .42s cubic-bezier(.22,1,.36,1), background .28s ease, border-color .28s ease, box-shadow .28s ease;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--btn-dark-text);
  box-shadow:var(--toggle-pill-active-shadow);
  overflow:hidden;
}
.theme-switch-knob-track {
  position:absolute;
  inset:0;
  width:200%;
  display:flex;
  align-items:center;
  transform:translateX(0);
  transition:transform .42s cubic-bezier(.22,1,.36,1);
}
.theme-switch-knob-slot {
  flex:0 0 50%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.theme-switch-knob-icon {
  position:static;
  width:14px;
  height:14px;
  transition:transform .36s cubic-bezier(.22,1,.36,1), color .28s ease;
}
.theme-toggle-btn.is-light .theme-switch {
  border-color:color-mix(in srgb,var(--accent2) 34%, var(--btn-dark-line));
}
.theme-toggle-btn.is-light .theme-switch::before {
  background:color-mix(in srgb,var(--btn-dark-bg) 84%, #fff);
}
.theme-toggle-btn.is-light .theme-switch::after {
  transform:translateX(38px);
  opacity:.22;
  background:linear-gradient(180deg, color-mix(in srgb,var(--btn-dark-bg) 72%, var(--accent2) 28%), color-mix(in srgb,var(--btn-dark-bg) 80%, var(--accent2) 20%));
  border-color:color-mix(in srgb,var(--accent2) 34%, var(--btn-dark-line));
}
.theme-toggle-btn.is-light .theme-switch-knob {
  transform:translateX(38px);
  background:color-mix(in srgb,var(--btn-dark-bg) 76%, var(--accent2) 24%);
  border-color:color-mix(in srgb,var(--accent2) 38%, var(--btn-dark-line));
}
.theme-toggle-btn.is-light .theme-switch-knob-track {
  transform:translateX(-50%);
}
.theme-toggle-btn.is-light .theme-switch-icon.sun {
  opacity:.92;
  color:color-mix(in srgb,var(--accent2) 54%, var(--btn-dark-text));
  transform:scale(1) rotate(0deg);
}
.theme-toggle-btn.is-light .theme-switch-icon.moon {
  opacity:.5;
  transform:scale(.9) rotate(8deg);
}
.theme-toggle-btn:not(.is-light) .theme-switch-icon.moon {
  opacity:.92;
  color:color-mix(in srgb,var(--btn-dark-text) 86%, #fff);
}
.theme-toggle-btn:not(.is-light) .theme-switch-icon.sun {
  opacity:.5;
  transform:scale(.9) rotate(-8deg);
}
html:not([data-theme="light"]) .theme-switch {
  border-color:var(--toggle-track-border);
  background:var(--toggle-track-bg);
  box-shadow:0 6px 0 rgba(0,0,0,.36), 0 14px 20px rgba(0,0,0,.34);
}
html:not([data-theme="light"]) .theme-switch::before {
  background:var(--toggle-track-bg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
html:not([data-theme="light"]) .theme-switch::after {
  opacity:.9;
  background:#ad2553;
  border-color:#ffc9d6;
}
html:not([data-theme="light"]) .theme-switch-knob {
  background:#ad2553;
  border-color:#ffc9d6;
  color:#fff7fb;
  box-shadow:0 4px 0 #6b002c, 0 9px 14px rgba(0,0,0,.3);
}
html:not([data-theme="light"]) .theme-switch-icon {
  color:#ffc9d6;
  opacity:.82;
}
html[data-theme="light"] .btn-dark:hover,
html[data-theme="light"] .home-soft-btn:hover,
html[data-theme="light"] .home-action-btn:hover,
html[data-theme="light"] .calendar-popup-open:hover,
html[data-theme="light"] .calendar-nav-btn:hover {
  background:var(--btn-dark-bg);
  border-color:var(--btn-dark-line);
  color:var(--btn-dark-text);
}
.theme-toggle-btn:hover .theme-switch,
.theme-toggle-btn:focus-visible .theme-switch {
  box-shadow:var(--btn-shadow-pressed);
  transform:translateY(2px);
  filter:none;
}

html.theme-is-switching body,
html.theme-is-switching .card,
html.theme-is-switching .maintenance-banner,
html.theme-is-switching .btn,
html.theme-is-switching .mode-opt,
html.theme-is-switching .theme-toggle-text,
html.theme-is-switching .theme-switch,
html.theme-is-switching .theme-switch::before,
html.theme-is-switching .theme-switch-icon,
html.theme-is-switching .theme-switch-knob,
html.theme-is-switching .theme-switch-knob-icon,
html.theme-is-switching .sticky-toggle-track,
html.theme-is-switching .viewer-url-kind-toggle,
html.theme-is-switching .text-mode-toggle,
html.theme-is-switching .home-segment-toggle,
html.theme-is-switching .home-capture-slider,
html.theme-is-switching .home-latest-view-tabs,
html.theme-is-switching .home-hero-card,
html.theme-is-switching .home-latest-panel,
html.theme-is-switching .home-latest-calendar,
html.theme-is-switching .latest-card,
html.theme-is-switching .calendar-day,
html.theme-is-switching .calendar-popup,
html.theme-is-switching .calendar-popup-item,
html.theme-is-switching .home-archive-urlbar,
html.theme-is-switching .home-footer,
html.theme-is-switching .home-queue-tile,
html.theme-is-switching .home-promote-old,
html.theme-is-switching input,
html.theme-is-switching select,
html.theme-is-switching textarea {
  transition:
    background .34s ease,
    background-color .34s ease,
    background-image .34s ease,
    border-color .34s ease,
    color .34s ease,
    box-shadow .34s ease,
    fill .34s ease,
    stroke .34s ease;
}

@media (prefers-reduced-motion: reduce) {
  .theme-switch,
  .theme-switch::before,
  .theme-switch::after,
  .theme-switch-icon,
  .theme-switch-knob,
  .theme-switch-knob-track,
  .theme-switch-knob-icon,
  html.theme-is-switching body,
  html.theme-is-switching .card,
  html.theme-is-switching .btn,
  html.theme-is-switching .mode-opt,
  html.theme-is-switching .viewer-url-kind-toggle,
  html.theme-is-switching .text-mode-toggle,
  html.theme-is-switching .home-segment-toggle,
  html.theme-is-switching .home-capture-slider,
  html.theme-is-switching .home-latest-view-tabs,
  html.theme-is-switching .home-hero-card,
  html.theme-is-switching .home-latest-panel,
  html.theme-is-switching .home-latest-calendar,
  html.theme-is-switching .latest-card,
  html.theme-is-switching .calendar-day,
  html.theme-is-switching .calendar-popup,
  html.theme-is-switching .calendar-popup-item,
  html.theme-is-switching .home-archive-urlbar,
  html.theme-is-switching .home-footer,
  html.theme-is-switching .home-queue-tile,
  html.theme-is-switching .home-promote-old,
  html.theme-is-switching input,
  html.theme-is-switching select,
  html.theme-is-switching textarea {
    transition:none !important;
  }
}

.btn-dark:hover,
.btn-dark:focus-visible {
  background:color-mix(in srgb,var(--btn-dark-bg) 92%, #fff);
  border-color:color-mix(in srgb,var(--btn-dark-line) 88%, #fff);
  color:var(--btn-dark-text);
  box-shadow:var(--btn-shadow-pressed);
  transform:translateY(2px);
  filter:none;
}
.btn-primary:hover,
.btn-primary:focus-visible {
  filter:none;
  box-shadow:var(--btn-primary-shadow-pressed);
  transform:translateY(2px);
}

.sticky-toggle-btn { gap:8px; cursor:pointer; user-select:none; font-weight:700; }
.sticky-toggle-btn input { position:absolute; opacity:0; pointer-events:none; }
.sticky-toggle-track { width:40px; height:22px; border-radius:999px; border:1px solid transparent; background:color-mix(in srgb,var(--btn-dark-bg) 85%, #0f2741); position:relative; }
.sticky-toggle-track::before { content:""; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:50%; background:#fff7fb; box-shadow:0 1px 4px rgba(0,0,0,.35); transition:transform .2s ease; }
.sticky-toggle-btn.is-on .sticky-toggle-track { background:linear-gradient(180deg,#f23071,#ad2553); border-color:transparent; }
.sticky-toggle-btn.is-on .sticky-toggle-track::before { transform:translateX(18px); }
.sticky-toggle-label { white-space:nowrap; color:var(--text); }
.sticky-toggle-state { font-weight:800; text-transform:lowercase; }
.top-actions .btn:not(.theme-toggle-btn) { min-width:116px; height:40px; padding:0 16px; font-size:13px; line-height:1; }
.top-secondary-btn {
  background:color-mix(in srgb,var(--btn-dark-bg) 82%, #fff);
}
.top-secondary-btn:hover,
.top-secondary-btn:focus-visible {
  background:color-mix(in srgb,var(--btn-dark-bg) 90%, #fff);
  border-color:color-mix(in srgb,var(--accent) 18%, var(--btn-dark-line));
  color:var(--btn-dark-text);
}
.new-archive-btn {
  min-width:138px !important;
  background:linear-gradient(180deg,#c12c5e,#ad2553);
  border-color:transparent !important;
  color:#ffffff;
  box-shadow:var(--btn-shadow);
}
.new-archive-btn:hover,
.new-archive-btn:focus-visible {
  background:linear-gradient(180deg,#d23668,#b8004c);
  border-color:transparent !important;
  color:#ffffff;
  box-shadow:var(--btn-shadow-pressed);
  transform:translateY(2px);
  filter:none;
}
html[data-theme="light"] .new-archive-btn {
  background:#ffc9d6;
  border-color:transparent !important;
  color:var(--text);
}
html[data-theme="light"] .new-archive-btn:hover,
html[data-theme="light"] .new-archive-btn:focus-visible {
  background:#ffc9d6;
  border-color:transparent !important;
  color:var(--text);
  filter:none;
}
.home-soft-btn {
  background:var(--btn-dark-bg);
  border-color:transparent;
  color:var(--btn-dark-text);
  box-shadow:var(--btn-shadow);
}
.home-soft-btn.btn-small {
  padding:8px 12px;
  border-radius:999px;
}
.home-soft-btn:hover,
.home-soft-btn:focus-visible {
  background:var(--btn-dark-bg);
  border-color:transparent;
  color:var(--btn-dark-text);
  box-shadow:var(--btn-shadow-pressed);
}

.copy-archived-url-btn { gap:8px; color:#fff; }
.copy-archived-url-btn svg { width:14px; height:14px; flex:0 0 auto; display:block; }
.btn-cooldown { background:#5f6d82 !important; color:#e8eef7 !important; border:1px solid #7f8ea4 !important; cursor:not-allowed !important; }
.card { background:var(--card-bg); border:1px solid var(--line); border-radius:16px; padding:18px; box-shadow:0 18px 45px rgba(0,0,0,.35); margin-bottom:16px; }
.identity-login-page .wrap {
  min-height:100vh;
}
.identity-login-card {
  width:min(100%, 520px);
  margin:34px auto;
  padding:30px 34px 28px;
  border-radius:24px;
  display:grid;
  gap:22px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--surface-bg) 82%, #fff), color-mix(in srgb,var(--panel) 94%, #000));
  border-color:color-mix(in srgb,var(--line) 64%, #fff);
  box-shadow:0 18px 54px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
}
.identity-login-brand {
  display:grid;
  justify-items:center;
  gap:10px;
  text-align:center;
}
.identity-login-logo {
  width:74px;
  height:74px;
  border-radius:18px;
  object-fit:contain;
  display:block;
}
.identity-login-title-row {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.identity-login-title-row h1 {
  margin:0;
  color:var(--text);
  font-size:32px;
  line-height:1.05;
  letter-spacing:0;
}
.identity-login-eu {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:var(--muted);
  font-size:14px;
  font-weight:800;
  line-height:1.2;
}
.identity-login-pill {
  margin:4px 0 0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:5px 13px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--line) 58%, #fff);
  background:color-mix(in srgb,var(--pill-bg) 80%, transparent);
  color:var(--pill-label);
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.identity-login-hint {
  width:min(100%, 380px);
  margin:0 auto;
  color:var(--muted);
  font-size:14px;
  font-weight:700;
  line-height:1.42;
  text-align:center;
}
.identity-login-alert {
  width:min(100%, 380px);
  margin:0 auto;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--error-note-border);
  background:var(--error-note-bg);
  color:var(--error-note-text);
  font-size:13px;
  font-weight:800;
  text-align:center;
}
.identity-login-form {
  width:100%;
  display:grid;
  justify-items:center;
  gap:14px;
}
.identity-login-field {
  position:relative;
  display:block;
  width:min(100%, 380px);
}
.identity-login-field input {
  width:100%;
  min-height:54px;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--input-line) 68%, #fff);
  background:linear-gradient(180deg, color-mix(in srgb,var(--input-bg) 92%, #fff), color-mix(in srgb,var(--surface-bg) 94%, #000));
  color:var(--input-text);
  padding:0 16px 0 54px;
  font:inherit;
  font-size:15px;
  font-weight:750;
  letter-spacing:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.16);
  outline:none;
}
.identity-login-field .identity-login-icons-double + input {
  padding-left:72px;
}
.identity-login-field input::placeholder {
  color:color-mix(in srgb,var(--muted) 82%, var(--text));
  opacity:.82;
  font-weight:750;
}
.identity-login-field input:focus,
.identity-login-field input:focus-visible {
  border-color:color-mix(in srgb,var(--accent2) 70%, #fff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 4px color-mix(in srgb,var(--accent2) 18%, transparent), 0 12px 28px rgba(0,0,0,.2);
}
.identity-login-icons {
  position:absolute;
  z-index:1;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:color-mix(in srgb,var(--muted) 78%, var(--text));
  pointer-events:none;
}
.identity-login-icons svg {
  width:18px;
  height:18px;
  display:block;
}
.identity-login-icons-double {
  left:17px;
  gap:6px;
}
.identity-login-icons-double svg {
  width:17px;
  height:17px;
}
.identity-login-submit {
  width:168px;
  min-height:42px;
  margin-top:6px;
}
.identity-setup-card {
  width:min(100%, 680px);
}
.identity-totp-card {
  width:min(100%, 760px);
}
.identity-setup-copy {
  display:grid;
  gap:8px;
  justify-items:center;
  text-align:center;
}
.identity-setup-copy h2 {
  margin:0;
  color:var(--text);
  font-size:clamp(28px, 4vw, 42px);
  line-height:1.05;
  letter-spacing:0;
}
.identity-setup-submit {
  width:176px;
  justify-self:center;
}
.identity-totp-grid {
  display:grid;
  grid-template-columns:minmax(180px, 220px) minmax(0, 1fr);
  gap:20px;
  align-items:start;
}
.identity-totp-qr {
  display:grid;
  place-items:center;
  min-height:220px;
  border-radius:22px;
  border:1px solid color-mix(in srgb,var(--line) 64%, #fff);
  background:linear-gradient(180deg, #ffffff, #f8fbff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 12px 30px rgba(0,0,0,.18);
  padding:14px;
}
.identity-totp-qr svg {
  width:192px;
  height:192px;
  display:block;
}
.identity-totp-manual {
  display:grid;
  gap:12px;
  min-width:0;
}
.identity-secret-box {
  width:100%;
  margin:0;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid color-mix(in srgb,var(--input-line) 68%, #fff);
  background:linear-gradient(180deg, color-mix(in srgb,var(--input-bg) 92%, #fff), color-mix(in srgb,var(--surface-bg) 94%, #000));
  color:var(--input-text);
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font-size:13px;
  font-weight:850;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.16);
}
.identity-uri-details {
  display:grid;
  gap:8px;
  color:var(--muted);
  font-weight:800;
}
.identity-uri-details summary {
  cursor:pointer;
  width:max-content;
  color:var(--text);
}
.identity-uri-box {
  font-size:11px;
  font-weight:750;
}
.identity-totp-form {
  justify-items:center;
  margin-top:2px;
}
.identity-totp-form .identity-login-field {
  width:min(100%, 300px);
}
.identity-totp-form .identity-setup-submit {
  justify-self:center;
}
.identity-setup-recovery {
  display:grid;
  gap:14px;
  padding:18px;
  border-radius:20px;
  border:1px solid color-mix(in srgb,var(--line) 64%, #fff);
  background:color-mix(in srgb,var(--surface-bg) 74%, var(--card-bg));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.identity-setup-recovery h2 {
  margin:0;
}
.identity-setup-recovery .identity-login-submit {
  margin-inline:auto;
}
.sr-only {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
@media (max-width:640px) {
  .identity-login-page .wrap {
    width:calc(100% - 16px);
  }
  .identity-login-card {
    margin:18px auto 0;
    padding:24px 18px 22px;
    border-radius:22px;
    gap:18px;
  }
  .identity-login-logo {
    width:64px;
    height:64px;
    border-radius:16px;
  }
  .identity-login-title-row {
    gap:8px;
  }
  .identity-login-title-row h1 {
    font-size:28px;
  }
  .identity-login-eu {
    font-size:13px;
  }
  .identity-login-field {
    width:100%;
  }
  .identity-login-submit {
    width:156px;
  }
  .identity-totp-grid {
    grid-template-columns:1fr;
  }
  .identity-totp-form,
  .identity-totp-form .identity-setup-submit {
    justify-items:center;
    justify-self:center;
  }
  .identity-totp-form .identity-login-field {
    width:100%;
  }
}
.job-status-card {
  border-radius:24px;
  padding:24px 26px;
  background:linear-gradient(180deg, #fff, #fff9fc);
  border-color:color-mix(in srgb,var(--surface-line) 52%, #fff);
  box-shadow:0 10px 0 rgba(188,205,222,.82), 0 24px 34px rgba(20,44,74,.1), inset 0 1px 0 rgba(255,255,255,.84);
}
.job-status-shell {
  display:grid;
  gap:18px;
}
.job-status-head {
  display:grid;
  gap:12px;
}
.job-status-kicker {
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:6px 11px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--surface-line) 72%, #fff);
  background:linear-gradient(180deg, color-mix(in srgb,var(--surface-bg) 92%, #fff), color-mix(in srgb,var(--surface-bg) 99%, #f8fbff));
  box-shadow:0 6px 0 rgba(188,205,222,.62), 0 12px 16px rgba(20,44,74,.06), inset 0 1px 0 rgba(255,255,255,.92);
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--pill-label);
}
.job-status-title {
  margin:0;
  font-size:42px;
  line-height:1.06;
}
.job-status-line {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  font-size:0;
  line-height:1;
}
.job-status-spinner {
  width:16px;
  height:16px;
  border:3px solid currentColor;
  border-top-color:transparent;
  border-radius:50%;
  flex:0 0 auto;
  animation:spin .8s linear infinite;
}
.job-live-pill {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:40px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--surface-line) 78%, #fff);
  background:linear-gradient(180deg, color-mix(in srgb,var(--surface-bg) 94%, #fff), color-mix(in srgb,var(--surface-bg) 100%, #f7fbff));
  box-shadow:0 6px 0 rgba(188,205,222,.58), 0 10px 14px rgba(20,44,74,.06), inset 0 1px 0 rgba(255,255,255,.92);
  color:var(--fg);
}
.job-live-pill-label {
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding-right:10px;
  border-right:1px solid color-mix(in srgb,var(--surface-line) 70%, #fff);
  font-size:13px;
  font-weight:800;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--text) 46%, var(--muted));
}
.job-live-pill-value {
  font-size:13px;
  font-weight:800;
  line-height:1;
  color:color-mix(in srgb,var(--text) 76%, var(--muted));
}
.job-live-pill.is-progress .job-live-pill-value {
  color:#326795;
}
.job-live-pill.is-status .job-live-pill-value {
  color:#317a57;
}
.job-live-pill.is-mode .job-live-pill-value {
  color:#5d728f;
}
.job-live-pill.is-evidence .job-live-pill-value {
  color:#7c5586;
}
.job-progress-wrap {
  display:grid;
  gap:16px;
  padding:18px 18px 20px;
  border:1px solid color-mix(in srgb,var(--surface-line) 72%, #fff);
  border-radius:22px;
  background:linear-gradient(180deg, #fff4f9, #fff8fb);
  box-shadow:0 10px 0 rgba(188,205,222,.72), 0 18px 24px rgba(20,44,74,.08), inset 0 1px 0 rgba(255,255,255,.9);
}
.job-progress-meta {
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin:0;
  font-size:0;
}
.job-progress-track {
  height:12px;
  border:1px solid color-mix(in srgb,var(--line) 76%, #fff);
  border-radius:999px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--surface-bg) 88%, #fff), color-mix(in srgb,var(--surface-bg) 98%, #f2f8ff));
  overflow:hidden;
}
.job-progress-fill {
  height:100%;
  width:0%;
  background:linear-gradient(90deg,#53d57b,#73c5ff);
  transition:width .35s ease;
}
.job-status-hint {
  margin:0;
}
.job-review-panel {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px;
  border:1px solid color-mix(in srgb,var(--surface-line) 72%, #fff);
  border-radius:16px;
  background:linear-gradient(180deg, color-mix(in srgb,#eef6ff 82%, #fff), color-mix(in srgb,#f7fbff 92%, #fff));
  box-shadow:0 8px 0 rgba(188,205,222,.58), 0 12px 18px rgba(20,44,74,.06), inset 0 1px 0 rgba(255,255,255,.9);
}
.job-review-panel[hidden] { display:none; }
.job-review-copy { display:grid; gap:4px; min-width:0; }
.job-review-title { font-size:12px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; color:#315f8e; }
.job-review-message { font-size:14px; line-height:1.45; color:color-mix(in srgb,var(--text) 72%, var(--muted)); }
.job-review-message.is-error { color:#aa4456; font-weight:700; }
.job-review-actions { display:flex; align-items:center; justify-content:flex-end; gap:8px; flex-wrap:wrap; }
.job-review-reject { background:#fff4f6; color:#8f3040; border-color:#e4b7c0; }
.viewer-review-panel { margin:0 0 12px; }
.review-leave-modal-shell {
  position:fixed;
  inset:0;
  z-index:10000;
  display:grid;
  place-items:center;
  padding:32px;
}
.review-leave-modal-shell[hidden] { display:none; }
.review-leave-backdrop {
  position:absolute;
  inset:0;
  background:rgba(9,16,28,.44);
  backdrop-filter:blur(4px);
}
.review-leave-modal {
  position:relative;
  width:min(620px, calc(100vw - 32px));
  display:grid;
  gap:16px;
  padding:24px;
  border:1px solid color-mix(in srgb,var(--surface-line) 72%, #fff);
  border-radius:22px;
  background:linear-gradient(180deg, color-mix(in srgb,#eef6ff 82%, #fff), color-mix(in srgb,#fff8fb 94%, #fff));
  box-shadow:0 12px 0 rgba(188,205,222,.68), 0 28px 44px rgba(6,16,28,.22), inset 0 1px 0 rgba(255,255,255,.9);
}
.review-leave-title {
  margin:0;
  font-size:24px;
  line-height:1.2;
  color:var(--text);
}
.review-leave-message {
  margin:0;
  font-size:16px;
  line-height:1.5;
  color:color-mix(in srgb,var(--text) 74%, var(--muted));
}
.review-leave-actions {
  display:flex;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.review-leave-actions .btn {
  min-height:44px;
  padding:0 20px;
  font-size:14px;
}
.job-live-note {
  margin-top:-4px;
  font-size:15px;
  line-height:1.5;
  color:var(--muted);
}
.job-live-note.is-error {
  color:#aa4456;
  font-weight:700;
}
.job-evidence-policy-note {
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:34px;
  padding:8px 12px;
  border:1px solid color-mix(in srgb,#d6b8dc 70%, #fff);
  border-radius:999px;
  background:linear-gradient(180deg, #fff7fc, #f7f0fb);
  box-shadow:0 5px 0 rgba(188,205,222,.48), inset 0 1px 0 rgba(255,255,255,.88);
  color:#76547f;
  font-size:13px;
  font-weight:800;
  line-height:1.25;
}
.job-evidence-policy-note[hidden] {
  display:none;
}
.job-events-shell {
  display:grid;
  gap:8px;
}
.job-events-label {
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--pill-label);
}
.job-events-box {
  margin:0;
  white-space:pre-wrap;
  background:linear-gradient(180deg, #fff6fa, #fffbfd);
  border:1px solid color-mix(in srgb,var(--surface-line) 72%, #fff);
  border-radius:16px;
  padding:14px 16px;
  max-height:220px;
  overflow:auto;
  box-shadow:0 8px 0 rgba(188,205,222,.64), 0 14px 18px rgba(20,44,74,.06), inset 0 1px 0 rgba(255,255,255,.92);
}
.maintenance-card { padding:22px; }
.maintenance-banner { border:1px solid var(--maint-banner-border); border-radius:14px; background:var(--maint-banner-bg); padding:18px 20px; text-align:center; }
.maintenance-kicker { display:inline-flex; font-size:11px; letter-spacing:.6px; text-transform:uppercase; color:var(--maint-kicker-text); border:1px solid var(--maint-kicker-border); border-radius:999px; padding:4px 9px; margin-bottom:10px; }
.maintenance-banner h2 { margin:0; font-size:29px; line-height:1.15; color:var(--maint-title); }
.maintenance-banner .hint { margin-top:10px; font-size:16px; color:var(--maint-hint); }
.maintenance-eta-label { margin-top:18px; text-transform:uppercase; font-size:12px; color:#90b3d4; letter-spacing:.5px; text-align:center; }
.maintenance-eta { margin-top:6px; text-align:center; font-size:30px; font-weight:800; color:#f0f7ff; }
.sticky-shell { position:sticky; top:0; z-index:70; padding-top:8px; background:transparent; backdrop-filter:none; }
.sticky-shell.is-scrolled { background:linear-gradient(180deg,var(--sticky-grad-1),var(--sticky-grad-2) 70%,var(--sticky-grad-3)); backdrop-filter:blur(4px); }
.sticky-shell .top { margin-bottom:10px; }
.sticky-off .sticky-shell { position:static; background:transparent; backdrop-filter:none; }
.meta-card { margin-bottom:10px; }
.viewer-meta-card,
.viewer-stage-card {
  border-radius:22px;
}
.viewer-meta-card {
  padding:20px 20px 18px;
  margin-bottom:26px;
  box-shadow:0 10px 0 rgba(188,205,222,.82), 0 24px 34px rgba(20,44,74,.1), inset 0 1px 0 rgba(255,255,255,.84);
}
.viewer-stage-card {
  padding:12px;
  margin-top:8px;
  box-shadow:0 10px 0 rgba(188,205,222,.82), 0 24px 34px rgba(20,44,74,.1), inset 0 1px 0 rgba(255,255,255,.84);
}
h2 { margin:0 0 8px; font-size:24px; }
.hint { color:var(--muted); margin:6px 0 0; }
.form-error-note { color:var(--error-note-text); border:1px solid var(--error-note-border); background:var(--error-note-bg); border-radius:8px; padding:8px 10px; margin-top:8px; font-weight:700; }
.urlbar { display:flex; gap:10px; margin-top:10px; }
.mode-pick { margin-top:10px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.mode-label { color:var(--muted); font-size:13px; font-weight:700; margin-right:2px; }
.mode-opt {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:38px;
  border-radius:999px;
  border:1px solid var(--toggle-pill-border);
  padding:7px 14px;
  cursor:pointer;
  font-weight:800;
  font-size:13px;
  color:var(--toggle-pill-text);
  background:var(--toggle-pill-bg);
  box-shadow:var(--btn-shadow);
  transition:transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease;
}
.mode-opt input {
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.mode-speed,
.mode-completeness {
  color:var(--toggle-pill-text);
  border-color:var(--toggle-pill-border);
  background:var(--toggle-pill-bg);
}
.mode-opt:hover,
.mode-opt:focus-within {
  background:color-mix(in srgb,var(--toggle-pill-bg) 92%, #fff);
  border-color:color-mix(in srgb,var(--toggle-pill-border) 90%, #fff);
  box-shadow:var(--btn-shadow-pressed);
  transform:translateY(2px);
}
.mode-opt:has(input:checked) {
  background:var(--toggle-pill-active-bg);
  border-color:var(--toggle-pill-active-border);
  color:var(--toggle-pill-active-text);
  box-shadow:var(--toggle-pill-active-shadow);
}
.mode-opt:has(input:checked):hover,
.mode-opt:has(input:checked):focus-within {
  background:var(--toggle-pill-active-bg);
  border-color:var(--toggle-pill-active-border);
  color:var(--toggle-pill-active-text);
}
input[type=url] { flex:1; border-radius:10px; border:1px solid var(--input-line); background:var(--input-bg); color:var(--input-text); padding:13px 15px; font-size:16px; }
input[type=url]:focus,
input[type=url]:focus-visible { outline:none; box-shadow:none; }
.status { color:#cde0f8; font-size:15px; }
.status-queued { color:#5d7c9d; font-weight:700; }
.status-running { color:#3a9d68; font-weight:700; }
.job-status-line.status-running::before { content:none; display:none; }
.status-succeeded { color:#317a57; font-weight:700; }
.status-failed { color:#9a4655; font-weight:700; }
.status-rejected { color:#9a4655; font-weight:700; }
.status-queued .job-live-pill.is-status .job-live-pill-value { color:#61758e; }
.status-running .job-live-pill.is-status {
  border-color:#93d9ad;
  background:linear-gradient(180deg, rgba(238,255,246,.98), rgba(221,249,232,.98));
}
.status-succeeded .job-live-pill.is-status {
  border-color:#91d1ad;
  background:linear-gradient(180deg, rgba(238,255,246,.98), rgba(221,249,232,.98));
}
.status-awaiting-review .job-live-pill.is-status {
  border-color:#a8cce8;
  background:linear-gradient(180deg, rgba(239,247,255,.98), rgba(222,239,252,.98));
}
.status-running .job-live-pill.is-status .job-live-pill-value,
.status-succeeded .job-live-pill.is-status .job-live-pill-value { color:#317a57; }
.status-awaiting-review .job-live-pill.is-status .job-live-pill-value,
.status-awaiting-review .job-live-pill.is-stage .job-live-pill-value { color:#326795; }
.status-failed .job-live-pill.is-status {
  border-color:#de9ead;
  background:linear-gradient(180deg, rgba(255,242,245,.98), rgba(252,226,232,.98));
}
.status-failed .job-live-pill.is-status .job-live-pill-value,
.status-failed .job-live-pill.is-stage .job-live-pill-value,
.status-rejected .job-live-pill.is-status .job-live-pill-value,
.status-rejected .job-live-pill.is-stage .job-live-pill-value { color:#9a4655; }
@keyframes spin { to { transform: rotate(360deg); } }
.viewer-head { display:grid; gap:14px; margin-bottom:6px; }
.viewer-head-main {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px, 440px);
  gap:18px 24px;
  align-items:stretch;
}
.viewer-info-panel {
  display:grid;
  gap:14px;
  min-width:0;
  align-content:start;
}
.viewer-control-panel {
  display:grid;
  gap:12px;
  min-width:0;
  align-content:start;
}
.viewer-url-cell { min-width:0; }
.viewer-title-cell { min-width:0; }
.viewer-action-text { display:flex; justify-content:flex-start; align-items:stretch; }
.viewer-title-meta { display:flex; justify-content:flex-start; align-items:center; gap:12px; flex-wrap:wrap; }
.viewer-action-url {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px 12px;
  padding:12px 14px 16px;
  border:1px solid color-mix(in srgb,var(--surface-line) 72%, #fff);
  border-radius:18px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--surface-bg) 92%, #fff), color-mix(in srgb,var(--surface-bg) 99%, #f8fbff));
  box-shadow:0 8px 0 rgba(188,205,222,.7), 0 14px 18px rgba(20,44,74,.07), inset 0 1px 0 rgba(255,255,255,.9);
}
.viewer-action-url .timeline-link-btn {
  width:100%;
  justify-content:center;
}
.viewer-action-url #timeline-link:last-child {
  grid-column:1 / -1;
}
.viewer-action-url .evidence-package-btn,
.viewer-action-url .wacz-download-btn,
.viewer-action-url .pdf-download-btn {
  width:100%;
  justify-content:center;
}
.viewer-action-url .wacz-download-btn {
  grid-column:1 / -1;
}
.viewer-meta-line {
  display:flex;
  align-items:baseline;
  gap:10px;
  min-width:0;
  padding:4px 0;
}
.viewer-title-cell.viewer-meta-line {
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  padding:0 0 12px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 72%, transparent);
}
.viewer-title-cell .viewer-meta-value {
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  font-size:30px;
  line-height:1.12;
}

.viewer-url-switch-row {
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:12px 14px;
  border:1px solid color-mix(in srgb,var(--surface-line) 74%, #fff);
  border-radius:18px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--surface-bg) 92%, #fff), color-mix(in srgb,var(--surface-bg) 99%, #f8fbff));
  box-shadow:0 8px 0 rgba(188,205,222,.72), 0 16px 22px rgba(20,44,74,.08), inset 0 1px 0 rgba(255,255,255,.9);
}
.viewer-url-kind-toggle {
  position:relative;
  display:inline-flex;
  border:1px solid var(--toggle-pill-border);
  border-radius:999px;
  padding:4px 6px 9px;
  background:var(--toggle-pill-bg);
  box-shadow:var(--btn-shadow);
}
.viewer-url-kind-toggle::before {
  content:"";
  position:absolute;
  top:4px;
  left:6px;
  width:calc(50% - 6px);
  height:calc(100% - 13px);
  border-radius:999px;
  border:1px solid var(--toggle-pill-active-border);
  background:var(--toggle-pill-active-bg);
  box-shadow:var(--toggle-pill-active-shadow);
  transition:transform .22s cubic-bezier(.34,1.2,.64,1);
  z-index:0;
}
.viewer-url-kind-toggle[data-active="archived"]::before { transform:translateX(100%); }
.viewer-url-kind-option {
  position:relative;
  z-index:1;
  border:0;
  background:transparent;
  color:var(--toggle-pill-text);
  font-size:12px;
  font-weight:800;
  min-width:126px;
  padding:8px 16px;
  border-radius:999px;
  cursor:pointer;
  white-space:nowrap;
}
.viewer-url-kind-option.is-active { color:var(--toggle-pill-active-text); }
.viewer-url-value-wrap { display:inline-flex; align-items:center; gap:8px; min-width:0; flex:1; }
.viewer-url-value { min-width:0; }
.viewer-url-copy-btn {
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid var(--btn-dark-line);
  background:var(--btn-dark-bg);
  color:var(--btn-dark-text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  cursor:pointer;
}
.viewer-url-copy-btn svg { width:14px; height:14px; }
.viewer-url-copy-btn:hover { background:linear-gradient(140deg,var(--accent),var(--accent2)); color:#fff; border-color:color-mix(in srgb,var(--accent2) 62%, #ffffff); }
.viewer-meta-key {
  color:var(--pill-label);
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.14em;
  flex:0 0 auto;
  line-height:1.2;
  padding:0;
  border:0;
  background:transparent;
  border-radius:0;
}
.viewer-meta-value {
  color:var(--text);
  font-size:16px;
  font-weight:600;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.2;
}
#m-title { font-weight:700; }
.viewer-meta-inline { padding-top:0; gap:10px; }
.viewer-inline-item {
  display:grid;
  align-items:start;
  gap:5px;
  padding:10px 12px;
  margin:0;
  border:1px solid color-mix(in srgb,var(--surface-line) 72%, #fff);
  border-radius:14px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--surface-bg) 94%, #fff), color-mix(in srgb,var(--surface-bg) 99%, #f8fbff));
  box-shadow:0 6px 0 rgba(188,205,222,.64), 0 12px 18px rgba(20,44,74,.06), inset 0 1px 0 rgba(255,255,255,.9);
}
.viewer-inline-item:first-child { padding-left:12px; }
.viewer-inline-item + .viewer-inline-item::before { display:none; }
.viewer-inline-item .viewer-meta-value { font-size:14px; }
.viewer-action-url .btn { min-height:34px; }
.evidence-view-toggle {
  position:relative;
  display:grid;
  grid-column:1 / -1;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  width:100%;
  margin-bottom:2px;
  padding:4px 4px 8px;
  border:1px solid var(--toggle-pill-border);
  border-radius:999px;
  background:var(--toggle-pill-bg);
  box-shadow:var(--btn-shadow);
}
.evidence-view-toggle[hidden] { display:none; }
.evidence-view-toggle::before {
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:calc(50% - 4px);
  height:calc(100% - 12px);
  border-radius:999px;
  border:1px solid var(--toggle-pill-active-border);
  background:var(--toggle-pill-active-bg);
  box-shadow:var(--toggle-pill-active-shadow);
  transition:transform .25s cubic-bezier(.34,1.2,.64,1);
  z-index:0;
}
.evidence-view-toggle[data-active="visual"]::before { transform:translateX(100%); }
.evidence-view-option {
  appearance:none;
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--toggle-pill-text);
  cursor:pointer;
  font-family:inherit;
  font-size:14px;
  font-weight:900;
  line-height:1.15;
  min-height:34px;
  padding:8px 11px;
  text-align:center;
  white-space:nowrap;
}
.evidence-view-option.is-active {
  color:var(--toggle-pill-active-text);
}
.timeline-link-btn { border-radius:999px !important; padding-inline:14px; }
.timeline-label-mobile { display:none; }
.wacz-download-btn,
.evidence-package-btn,
.pdf-download-btn { white-space:nowrap; }
.viewer-action-text {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--surface-line) 72%, #fff);
  border-radius:18px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--surface-bg) 92%, #fff), color-mix(in srgb,var(--surface-bg) 99%, #f8fbff));
  box-shadow:0 8px 0 rgba(188,205,222,.7), 0 14px 18px rgba(20,44,74,.07), inset 0 1px 0 rgba(255,255,255,.9);
}
.viewer-switch-toggle {
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--text);
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  user-select:none;
}
.viewer-switch-toggle input {
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.viewer-switch-track {
  width:40px;
  height:22px;
  border-radius:999px;
  border:1px solid transparent;
  background:color-mix(in srgb,var(--btn-dark-bg) 86%, #111217);
  position:relative;
  transition:background .2s ease,border-color .2s ease;
}
.viewer-switch-track::before {
  content:"";
  position:absolute;
  top:2px;
  left:2px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#fff7fb;
  box-shadow:0 1px 4px rgba(0,0,0,.35);
  transition:transform .2s ease;
}
.viewer-switch-toggle.is-on .viewer-switch-track {
  background:linear-gradient(180deg,#f23071,#ad2553);
  border-color:transparent;
}
.viewer-switch-toggle.is-on .viewer-switch-track::before { transform:translateX(18px); }
.viewer-switch-toggle input:checked + .viewer-switch-track {
  background:linear-gradient(180deg,#f23071,#ad2553);
  border-color:transparent;
}
.viewer-switch-toggle input:checked + .viewer-switch-track::before { transform:translateX(18px); }
.viewer-switch-toggle.is-disabled { opacity:.45; cursor:not-allowed; }
.viewer-switch-label { white-space:nowrap; }

.text-mode-toggle {
  position:relative;
  display:inline-flex;
  border:1px solid var(--toggle-pill-border);
  border-radius:999px;
  padding:4px 4px 8px;
  background:var(--toggle-pill-bg);
  box-shadow:var(--btn-shadow);
}
.text-mode-toggle::before {
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:calc(50% - 4px);
  height:calc(100% - 12px);
  border-radius:999px;
  border:1px solid var(--toggle-pill-active-border);
  background:var(--toggle-pill-active-bg);
  box-shadow:var(--toggle-pill-active-shadow);
  transition:transform .25s cubic-bezier(.34,1.2,.64,1);
  z-index:0;
}
.text-mode-toggle[data-mode="legacy"]::before { transform:translateX(100%); }
.text-mode-option {
  position:relative;
  z-index:1;
  border:0;
  background:transparent;
  min-width:170px;
  padding:9px 18px;
  border-radius:999px;
  color:var(--toggle-pill-text);
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
.text-mode-toggle[data-mode="main"] .text-mode-option[data-mode="main"],
.text-mode-toggle[data-mode="legacy"] .text-mode-option[data-mode="legacy"],
.text-mode-option.is-active { color:var(--toggle-pill-active-text); }
.text-mode-option.is-disabled { opacity:.45; cursor:not-allowed; }
.text-mode-option:focus-visible { outline:2px solid color-mix(in srgb,var(--accent) 60%, #fff); outline-offset:1px; }
.text-mode-mobile-label { display:none; }
.btn-disabled { opacity:.55; cursor:not-allowed; pointer-events:none; }
.timeline-link-btn.btn-disabled {
  opacity:1;
  color:var(--viewer-disabled-text);
  background:var(--viewer-disabled-bg);
  border-color:var(--viewer-disabled-border);
  box-shadow:var(--btn-shadow);
}
.viewer-timeline-cell .btn.btn-disabled {
  opacity:.38;
  color:var(--viewer-disabled-text);
  background:var(--viewer-disabled-bg);
  border-color:var(--viewer-disabled-border);
}
.btn-small { padding:7px 10px; font-size:12px; border-radius:999px; }
.url-view-panel { margin-top:12px; border:1px solid var(--surface-line); border-radius:18px; padding:12px; background:linear-gradient(180deg, color-mix(in srgb,var(--surface-bg) 92%, #fff), color-mix(in srgb,var(--surface-bg) 99%, #f8fbff)); box-shadow:0 8px 0 rgba(188,205,222,.7), 0 14px 18px rgba(20,44,74,.07), inset 0 1px 0 rgba(255,255,255,.9); }
#text-view-panel {
  margin-top:14px;
  padding:4px 0 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.timeline-modal-shell { position:fixed; inset:0; z-index:140; display:block; }
.timeline-modal-shell[hidden] { display:none; }
.timeline-modal-backdrop { position:absolute; inset:0; background:rgba(6,16,28,.62); }
.timeline-modal { position:absolute; top:72px; left:50%; transform:translateX(-50%); width:min(900px,calc(100vw - 24px)); background:var(--card-bg); border:1px solid var(--line); border-radius:14px; box-shadow:0 18px 45px rgba(0,0,0,.45); padding:16px; max-height:calc(100vh - 96px); overflow:auto; }
.timeline-modal-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:8px; }
.timeline-modal-list { margin-top:10px; display:grid; gap:12px; }
.timeline-modal-day h4 { margin:0 0 8px; color:var(--timeline-day); font-size:16px; }
.timeline-modal-snap { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:6px; }
.timeline-meta-pill { align-items:center; gap:8px; }
.timeline-modal-url-pill { width:100%; margin:0 0 8px; }
.timeline-empty { border:1px solid var(--timeline-empty-border); border-radius:12px; background:var(--timeline-empty-bg); padding:14px; }
.timeline-empty-title { font-size:18px; font-weight:800; color:var(--timeline-empty-title); margin:0 0 6px; }
.timeline-empty-note { margin:0; color:var(--timeline-empty-note); }
.url-view-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:16px; flex-wrap:wrap; }
.url-domain-filters { display:flex; flex-wrap:wrap; gap:8px; margin-top:4px; margin-bottom:14px; }
.url-domain-chip { display:inline-flex; align-items:center; gap:6px; border:1px solid var(--url-chip-border); border-radius:999px; padding:5px 10px; background:var(--url-chip-bg); color:var(--url-chip-text); font-size:12px; }
.url-domain-chip:hover { border-color:var(--url-chip-hover-border); background:var(--url-chip-hover-bg); }
.url-list { max-height:230px; overflow:auto; border:1px solid var(--surface-2-line); border-radius:10px; background:var(--surface-2-bg); padding:8px; display:grid; gap:6px; }
.url-group { display:grid; gap:6px; margin:0 0 16px; }
.url-group:last-child { margin-bottom:2px; }
.url-group-title { margin:0; font-size:12px; color:#8eb5dc; font-weight:800; letter-spacing:.2px; }
.url-item { display:flex; align-items:center; justify-content:space-between; gap:8px; border:1px solid var(--url-item-border); border-radius:8px; padding:6px 8px; background:var(--url-item-bg); }
.url-item a { color:var(--url-item-link); word-break:break-all; font-size:12px; flex:1; }
.url-item .url-kind { color:var(--url-item-kind); font-size:11px; text-transform:uppercase; }
.url-markers { position:absolute; top:0; left:0; right:0; bottom:0; pointer-events:none; }
.url-marker { position:absolute; pointer-events:auto; max-width:260px; border-radius:999px; background:rgba(8,26,44,.86); border:1px solid #3d7db4; color:#d8eeff; font-size:11px; padding:4px 8px; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.url-marker:hover { background:#123353; }
.url-marker-social { border-radius:10px; background:rgba(18,40,64,.94); border-color:#7bb3e8; font-size:12px; font-weight:700; padding:6px 10px; }
.url-region-box { position:absolute; pointer-events:none; border:2px solid #76b3e7; background:rgba(19,44,67,.14); border-radius:8px; overflow:hidden; }
.url-region-box .url-marker { position:absolute; pointer-events:auto; max-width:calc(100% - 16px); }
.url-region-box-social { border-color:#90c6f5; background:rgba(20,53,85,.18); }
.url-region-box-link { pointer-events:auto; text-decoration:none; }
.url-region-box-link .url-marker { pointer-events:none; }
.pill { font-size:12px; border:1px solid var(--pill-border); background:var(--pill-bg); color:var(--pill-text); border-radius:999px; padding:7px 12px; display:inline-flex; width:max-content; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.meta-pill { align-items:center; gap:8px; cursor:text; }
.pill-label { color:var(--pill-label); font-weight:700; }
.pill-value { color:var(--pill-value); user-select:text; -webkit-user-select:text; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.viewer-shell { background:linear-gradient(180deg, color-mix(in srgb,var(--viewer-shell-bg) 88%, #fff), color-mix(in srgb,var(--viewer-shell-bg) 96%, #eef5fd)); border:1px solid color-mix(in srgb,var(--line) 78%, #fff); border-radius:18px; padding:12px; overflow-x:auto; overflow-y:hidden; box-shadow:0 8px 0 rgba(188,205,222,.72), 0 18px 24px rgba(20,44,74,.08), inset 0 1px 0 rgba(255,255,255,.9); }
.replay-mount {
  width:100%;
  min-width:760px;
  height:min(1180px, max(760px, calc(100vh - 96px)));
  min-height:760px;
  border:1px solid color-mix(in srgb,var(--line) 72%, #fff);
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 8px 0 rgba(188,205,222,.76), 0 18px 28px rgba(0,0,0,.18);
}
.replay-mount[hidden] { display:none; }
.replay-webpage-embed {
  display:block;
  width:100%;
  height:100%;
  min-height:760px;
  background:#fff;
}
.replay-mount.pdf-replay-mount {
  min-width:760px;
  min-height:760px;
  background:#303030;
}
.replay-mount.pdf-replay-mount.has-hudoc-metadata {
  overflow:auto;
  background:#f6fbff;
}
.pdf-replay-layout {
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.replay-mount.pdf-mobile-fallback-mount {
  background:#f7fbff;
}
.pdf-mobile-fallback {
  display:grid;
  align-content:center;
  justify-items:center;
  gap:12px;
  min-height:360px;
  padding:28px;
  color:#10233a;
  text-align:center;
  background:linear-gradient(180deg,#ffffff,#f7fbff);
}
.pdf-mobile-fallback-eyebrow {
  color:#426587;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.pdf-mobile-fallback h2 {
  margin:0;
  color:inherit;
  font-size:26px;
  line-height:1.15;
}
.pdf-mobile-fallback p {
  max-width:560px;
  margin:0;
  color:#4b6680;
  font-size:15px;
  line-height:1.45;
}
.pdf-mobile-fallback-actions {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
.hudoc-case-panel {
  flex:0 0 auto;
  padding:18px 20px 16px;
  color:#10233a;
  background:#f6fbff;
  border-bottom:1px solid #c9d9e8;
}
.hudoc-case-head {
  display:grid;
  gap:5px;
  margin-bottom:14px;
}
.hudoc-case-eyebrow {
  color:#426587;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hudoc-case-head h2 {
  margin:0;
  color:#10233a;
  font-size:24px;
  line-height:1.18;
}
.hudoc-meta-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:8px;
  margin-bottom:14px;
}
.hudoc-meta-field {
  display:grid;
  gap:3px;
  padding:8px 10px;
  border:1px solid #d4e2ef;
  border-radius:8px;
  background:#ffffff;
}
.hudoc-meta-key {
  color:#5b7087;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.hudoc-meta-value {
  color:#10233a;
  font-size:14px;
  font-weight:800;
  overflow-wrap:anywhere;
}
.hudoc-meta-section {
  margin-top:12px;
}
.hudoc-meta-section h3 {
  margin:0 0 7px;
  color:#17334f;
  font-size:15px;
  line-height:1.2;
}
.hudoc-meta-list {
  display:grid;
  gap:5px;
  margin:0;
  padding-left:20px;
  color:#183550;
  font-size:14px;
  line-height:1.38;
}
.hudoc-meta-lines {
  display:grid;
  gap:4px;
  color:#183550;
  font-size:14px;
  line-height:1.4;
}
.hudoc-meta-line {
  overflow-wrap:anywhere;
}
.hudoc-meta-list-compact {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding-left:0;
  list-style:none;
}
.hudoc-meta-list-compact li {
  padding:4px 8px;
  border:1px solid #d4e2ef;
  border-radius:999px;
  background:#ffffff;
  font-weight:800;
}
.pdf-replay-embed {
  display:block;
  width:100%;
  height:100%;
  min-height:760px;
  border:0;
  background:#303030;
}
.pdf-replay-layout .pdf-replay-embed {
  flex:1 1 760px;
  min-height:760px;
}
html:not([data-theme="light"]) .replay-mount.pdf-mobile-fallback-mount {
  background:rgba(17,18,24,.98);
}
html:not([data-theme="light"]) .pdf-mobile-fallback {
  color:#f8fafc;
  background:linear-gradient(180deg,rgba(29,30,39,.98),rgba(17,18,24,.98));
}
html:not([data-theme="light"]) .pdf-mobile-fallback-eyebrow {
  color:#ffc9d6;
}
html:not([data-theme="light"]) .pdf-mobile-fallback p {
  color:#c3c0ca;
}
.local-replay-embed {
  display:block;
  width:100%;
  height:100%;
  min-height:760px;
  border:0;
  background:#fff;
}
.replay-status {
  width:100%;
  min-height:240px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  padding:24px;
  color:#183550;
  text-align:center;
  background:#f7fbff;
}
.replay-status strong { font-size:18px; color:#102b44; }
.replay-status span { color:#4b6680; font-size:14px; }
.replay-status-error {
  background:#fff4f6;
  color:#7a2234;
}
.replay-status-error strong { color:#8f3040; }
.viewer-track { position:relative; margin:0 auto; max-width:100%; }
.canvas-shell { width:min(100%,1300px); margin:0 auto; background:#fff; border:1px solid color-mix(in srgb,var(--line) 72%, #fff); border-radius:16px; box-shadow:0 8px 0 rgba(188,205,222,.76), 0 18px 28px rgba(0,0,0,.18); overflow:hidden; }
.canvas { position:relative; }
.screenshot, .screenshot-tile { display:block; width:100%; }
.screenshot-tile { position:absolute; left:0; }
.selection-bands { position:absolute; top:0; left:0; pointer-events:none; overflow:hidden; }
.selection-band { position:absolute; display:block; background:rgba(54,126,201,.13); border-radius:3px; }
.overlay { position:absolute; top:0; left:0; pointer-events:none; }
.token { position:absolute; white-space:pre; display:inline; pointer-events:auto; color:transparent; -webkit-text-fill-color:transparent; text-decoration:none; background:transparent; user-select:text; cursor:text; }
.token-separator { position:absolute; left:0; top:0; opacity:0; color:transparent; -webkit-text-fill-color:transparent; white-space:pre; pointer-events:none; user-select:text; }
.token[href] { cursor:pointer; }
.token.token-selected { color:transparent !important; -webkit-text-fill-color:transparent !important; background:transparent !important; border-radius:0; box-shadow:none; }
.overlay.debug-visible .token { color:rgba(0,160,255,.45); -webkit-text-fill-color:rgba(0,160,255,.45); background:rgba(0,160,255,.08); }
.token::selection { background:transparent; color:transparent; -webkit-text-fill-color:transparent; }
.jump-rail { position:absolute; top:0; left:0; width:44px; display:flex; flex-direction:column; justify-content:space-between; pointer-events:none; }
.jump-rail a { pointer-events:auto; display:inline-flex; align-items:center; justify-content:center; width:38px; height:22px; border-radius:6px; background:rgba(9,26,42,.82); border:1px solid #355477; color:#d7e8ff; font:700 11px/1 monospace; text-decoration:none; }
.jump-rail a:hover { background:#15314f; }
.jump-hitbox { position:absolute; top:0; left:0; width:44px; cursor:ns-resize; background:transparent; }
.timeline-list { margin-top:8px; border-left:2px solid #3e5d80; padding-left:16px; }
.day { margin:12px 0; }
.day h3 { margin:0 0 8px; color:var(--timeline-day); font-size:18px; }
.snap { display:flex; gap:10px; align-items:center; margin-bottom:8px; flex-wrap:wrap; }
.admin-archives-layout { display:grid; grid-template-columns:minmax(520px,1.35fr) minmax(340px,.95fr); gap:14px; align-items:start; margin-top:12px; min-width:0; }
.admin-archives-layout > * { min-width:0; }
.admin-log-panel { position:sticky; top:12px; min-width:0; padding:12px; border:1px solid var(--backoffice-card-line); border-radius:16px; background:var(--backoffice-card-bg); box-shadow:0 5px 0 rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07); }
#archive-log { margin-top:8px; white-space:pre-wrap; background:#0b1a2d; border:1px solid #345579; border-radius:14px; padding:12px; min-height:300px; max-height:min(72vh,640px); overflow:auto; color:#e7f2ff; }
.archive-vault-table { width:100%; min-width:0; border-collapse:collapse; table-layout:fixed; }
.archive-vault-table .archive-home-cell { width:78px; min-width:78px; }
.archive-vault-table .archive-created-cell { width:106px; min-width:106px; }
.archive-vault-table .archive-url-cell { min-width:0; }
.archive-vault-table .archive-url-link { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.archive-vault-table .archive-views-cell { width:56px; min-width:56px; }
.archive-vault-table .archive-log-cell { width:62px; min-width:62px; }
.archive-vault-table .archive-delete-cell { width:80px; min-width:80px; white-space:nowrap; }
.archive-vault-table .log-btn,
.archive-vault-table .del-btn { max-width:none; white-space:nowrap; }
.archive-vault-table tr { border-top:1px solid color-mix(in srgb,var(--table-line) 82%, transparent); }
.archive-vault-table th,
.archive-vault-table td { overflow:hidden; vertical-align:middle; }
.archive-vault-entries-card .hscroll-top { display:none; }
.archive-vault-entries-card .hscroll-main { overflow:visible; border:0; border-radius:0; }
.archive-vault-summary-card,
.archive-vault-entries-card { border:1px solid var(--backoffice-card-line); border-radius:16px; padding:14px; background:var(--backoffice-card-bg); box-shadow:0 6px 0 rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07); }
.archive-vault-entries-card { margin-top:16px; position:relative; }
.archive-vault-entries-card::before { content:""; position:absolute; left:18px; right:18px; top:-9px; height:1px; background:linear-gradient(90deg, transparent, color-mix(in srgb,var(--accent2) 42%, transparent), transparent); }
.archive-vault-toolbar { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.archive-vault-toolbar select,
.archive-vault-toolbar input[type="text"] { border:1px solid color-mix(in srgb,var(--input-line) 82%, transparent); border-radius:14px; background:linear-gradient(180deg, color-mix(in srgb,var(--input-bg) 96%, #fff), color-mix(in srgb,var(--input-bg) 86%, #000)); color:var(--input-text); padding:10px 12px; font:inherit; font-size:14px; font-weight:760; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 3px 0 rgba(0,0,0,.16); }
.archive-vault-toolbar input[type="text"] { width:240px; max-width:100%; }
.archive-homepage-all-toggle { display:inline-flex; align-items:center; gap:7px; font-weight:800; }
.archive-vault-entries-head { display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:10px; }
.archive-vault-entries-head h3 { margin:2px 0 0; }
.archive-page-controls { display:flex; gap:6px; flex-wrap:wrap; align-items:center; margin:10px 0; }
.archive-page-current { color:var(--muted); font-size:12px; font-weight:850; margin-right:4px; }
#panel-archives .archive-page-btn,
#panel-archives .log-btn,
#panel-archives .del-btn { min-height:30px; padding:6px 11px; border-radius:999px; box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 2px 0 rgba(0,0,0,.2); font-size:12px; line-height:1; }
#panel-archives .archive-page-btn:hover,
#panel-archives .archive-page-btn:focus-visible,
#panel-archives .log-btn:hover,
#panel-archives .log-btn:focus-visible,
#panel-archives .del-btn:hover,
#panel-archives .del-btn:focus-visible { transform:translateY(1px); box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(0,0,0,.22); }
#panel-archives .archive-page-btn.is-current { outline:2px solid color-mix(in srgb,var(--accent2) 42%, #fff); outline-offset:2px; }
.archive-delete-toggle { display:inline-grid; grid-template-columns:auto auto; align-items:center; gap:9px; color:var(--text); font-weight:900; cursor:pointer; }
.archive-delete-toggle input { position:absolute; opacity:0; pointer-events:none; }
.archive-delete-track { width:62px; height:34px; padding:4px; border-radius:999px; background:#99003f; box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 4px 0 #d70059; }
.archive-delete-track::before { content:""; display:block; width:26px; height:26px; border-radius:999px; background:#f5dae4; box-shadow:0 2px 0 rgba(0,0,0,.22); transition:transform .25s cubic-bezier(.22,1,.36,1), background .2s ease; }
.archive-delete-toggle input:checked + .archive-delete-track::before { transform:translateX(28px); background:#ff5e8f; }
.archive-home-toggle { display:inline-grid; place-items:center; cursor:pointer; }
.archive-home-toggle input { position:absolute; opacity:0; pointer-events:none; }
.archive-home-toggle span { width:42px; height:24px; border-radius:999px; background:color-mix(in srgb,var(--surface-bg) 72%, #000); border:1px solid color-mix(in srgb,var(--line) 66%, transparent); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); position:relative; }
.archive-home-toggle span::before { content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:999px; background:#78879a; transition:transform .22s ease, background .22s ease; }
.archive-home-toggle input:checked + span::before { transform:translateX(18px); background:#73c5ff; }
.backoffice-confirm-modal { width:min(100%, 500px); }
.backoffice-confirm-message { margin:0; color:var(--text); line-height:1.5; white-space:pre-line; }
.backoffice-dialog-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; align-items:center; }
.backoffice-dialog-input { width:100%; border:1px solid color-mix(in srgb,var(--input-line) 82%, transparent); border-radius:14px; background:linear-gradient(180deg, color-mix(in srgb,var(--input-bg) 96%, #fff), color-mix(in srgb,var(--input-bg) 86%, #000)); color:var(--input-text); padding:11px 13px; font:inherit; font-size:14px; font-weight:760; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 4px 0 rgba(0,0,0,.16); }
.backoffice-section-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 0 10px; }
.backoffice-section-heading h4 { margin:0; }
.backoffice-shell { display:grid; grid-template-columns:220px minmax(0,1fr); gap:14px; align-items:start; margin-top:14px; }
.backoffice-sidebar { position:sticky; top:12px; display:grid; gap:8px; align-self:start; padding:10px; border:1px solid var(--backoffice-card-line); border-radius:14px; background:var(--backoffice-panel-bg); box-shadow:0 7px 0 rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07); }
.backoffice-main { min-width:0; }
.backoffice-nav-btn { width:100%; min-height:38px; border:1px solid var(--backoffice-card-line); border-radius:10px; padding:9px 12px; background:var(--backoffice-control-bg); color:var(--text); font-weight:800; text-align:left; cursor:pointer; box-shadow:0 3px 0 rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06); }
.backoffice-nav-btn:hover,
.backoffice-nav-btn:focus-visible { transform:translateY(1px); box-shadow:0 2px 0 rgba(0,0,0,.28); }
.backoffice-nav-btn.is-active { background:linear-gradient(180deg,var(--accent2),var(--accent)); color:#fff; border-color:color-mix(in srgb,var(--accent2) 82%, #fff); box-shadow:0 4px 0 #8e003b, 0 9px 14px rgba(0,0,0,.18); }
.backoffice-panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:12px; }
.backoffice-panel-head h3,
.backoffice-inner-card h4,
.identity-bar-group h5 { margin:0; }
.backoffice-panel-head .eyebrow { margin:0 0 4px; }
.backoffice-pill-row { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.backoffice-stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin:12px 0; }
.backoffice-stat-card { display:grid; gap:5px; border:1px solid var(--backoffice-card-line); border-radius:12px; padding:12px; background:var(--backoffice-card-bg); box-shadow:0 5px 0 rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.08); }
.backoffice-stat-card span,
.backoffice-form-grid label { color:var(--muted); font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.backoffice-stat-card strong { color:var(--text); font-size:28px; line-height:1; }
.backoffice-stat-card small { color:var(--muted); font-size:12px; }
.backoffice-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; margin-top:12px; }
.backoffice-inner-card { display:grid; gap:12px; border:1px solid var(--backoffice-card-line); border-radius:14px; padding:14px; background:var(--backoffice-card-bg); box-shadow:0 6px 0 rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07); margin:0 0 12px; }
.backoffice-form-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; align-items:end; }
.backoffice-form-grid label { display:grid; gap:6px; }
.backoffice-form-grid input,
.backoffice-form-grid select,
.backoffice-form-grid textarea,
.identity-url-output { width:100%; border:1px solid var(--backoffice-card-line); border-radius:14px; background:var(--backoffice-control-bg); color:var(--input-text); padding:11px 13px; font:inherit; font-size:14px; text-transform:none; letter-spacing:0; box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 4px 0 rgba(0,0,0,.16); }
.backoffice-form-grid select { appearance:none; color-scheme:dark; padding-right:34px; background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%), var(--backoffice-control-bg); background-position:calc(100% - 18px) 50%, calc(100% - 12px) 50%, 0 0; background-size:6px 6px, 6px 6px, 100% 100%; background-repeat:no-repeat; }
.backoffice-form-grid textarea { min-height:92px; resize:vertical; line-height:1.42; }
.backoffice-form-grid input[type="checkbox"] { width:auto; min-width:18px; height:18px; padding:0; border-radius:5px; box-shadow:none; accent-color:var(--accent); }
.backoffice-form-grid input::placeholder,
.backoffice-form-grid textarea::placeholder,
.identity-url-output::placeholder { color:color-mix(in srgb,var(--muted) 75%, transparent); }
.backoffice-form-grid input:focus,
.backoffice-form-grid select:focus,
.backoffice-form-grid textarea:focus,
.identity-url-output:focus { outline:none; border-color:color-mix(in srgb,var(--accent) 72%, var(--input-line)); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%, transparent), inset 0 1px 0 rgba(255,255,255,.08), 0 4px 0 rgba(0,0,0,.18); }
.backoffice-form-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.identity-url-output { min-height:58px; resize:vertical; margin-top:2px; }
.backoffice-toolbar-row { display:flex; gap:10px; align-items:center; flex-wrap:wrap; justify-content:space-between; }
.backoffice-toolbar-row h4 { margin:0; }
.backoffice-toolbar-controls { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
#panel-requests input[type="search"],
#panel-requests input[type="url"],
#panel-requests input[type="email"],
#panel-requests textarea,
.archive-request-assignment-controls select {
  border:1px solid var(--backoffice-card-line);
  border-radius:14px;
  background:var(--backoffice-control-bg);
  color:var(--input-text);
  padding:11px 13px;
  font:inherit;
  font-size:14px;
  font-weight:760;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 4px 0 rgba(0,0,0,.16);
}
.backoffice-form-grid input[readonly] {
  color:color-mix(in srgb,var(--input-text) 82%, var(--muted));
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  cursor:default;
}
#panel-requests input::placeholder,
#panel-requests textarea::placeholder { color:color-mix(in srgb,var(--muted) 72%, transparent); }
#panel-requests input:focus,
#panel-requests textarea:focus {
  outline:none;
  border-color:color-mix(in srgb,var(--accent) 72%, var(--input-line));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%, transparent), inset 0 1px 0 rgba(255,255,255,.08), 0 4px 0 rgba(0,0,0,.18);
}
#panel-requests select option,
.backoffice-form-grid select option,
.archive-request-assignment-controls select option {
  background:#252630;
  color:#f8fafc;
}
.archive-request-assignment-controls {
  align-items:end;
  gap:10px;
  padding:10px;
  border:1px solid var(--backoffice-card-line);
  border-radius:14px;
  background:var(--backoffice-panel-bg);
}
.archive-request-assignment-controls label {
  display:grid;
  gap:5px;
  min-width:190px;
  color:var(--muted);
  font-size:11px;
  font-weight:850;
  letter-spacing:.04em;
}
.archive-request-assignment-controls .btn { align-self:end; }
.backoffice-custom-select-wrap {
  position:relative;
  width:100%;
  min-width:0;
}
.backoffice-toolbar-controls .backoffice-custom-select-wrap { min-width:176px; }
.archive-request-assignment-controls .backoffice-custom-select-wrap { min-width:190px; }
.backoffice-custom-select-wrap > select {
  position:absolute !important;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  pointer-events:none;
  z-index:-1;
}
.backoffice-custom-select-btn {
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid var(--backoffice-card-line);
  border-radius:14px;
  padding:10px 13px;
  color:var(--input-text);
  background:var(--backoffice-control-bg);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07), 0 4px 0 rgba(0,0,0,.18);
  font:inherit;
  font-size:14px;
  font-weight:850;
  text-align:left;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.backoffice-custom-select-btn::after {
  content:"";
  width:18px;
  height:18px;
  flex:0 0 auto;
  background:currentColor;
  opacity:.78;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7.4 8.6 12 13.2l4.6-4.6L18 10l-6 6-6-6z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.backoffice-custom-select-wrap.is-open .backoffice-custom-select-btn {
  border-color:color-mix(in srgb,var(--accent2) 72%, #fff);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%, transparent), inset 0 1px 0 rgba(255,255,255,.1), 0 4px 0 rgba(0,0,0,.18);
}
.backoffice-custom-select-menu {
  position:absolute;
  z-index:180;
  top:calc(100% + 7px);
  left:0;
  right:0;
  display:none;
  gap:4px;
  max-height:260px;
  overflow:auto;
  padding:8px;
  border:1px solid color-mix(in srgb,var(--input-line) 76%, transparent);
  border-radius:16px;
  background:linear-gradient(180deg,#2b2c36,#171821);
  box-shadow:0 18px 42px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08);
}
.backoffice-custom-select-wrap.is-open .backoffice-custom-select-menu { display:grid; }
.backoffice-custom-option {
  border:0;
  border-radius:11px;
  padding:10px 12px;
  color:#f8fafc;
  background:transparent;
  font:inherit;
  font-size:14px;
  font-weight:800;
  text-align:left;
  cursor:pointer;
}
.backoffice-custom-option:hover,
.backoffice-custom-option:focus-visible { background:rgba(255,255,255,.1); outline:none; }
.backoffice-custom-option.is-selected { background:#e4005c; color:#fff; }
.backoffice-custom-option:disabled { opacity:.45; cursor:not-allowed; }
.backoffice-list { display:grid; gap:10px; }
.backoffice-row { display:grid; gap:8px; border:1px solid var(--backoffice-card-line); border-radius:12px; padding:12px; background:var(--backoffice-row-bg); }
.backoffice-row > div:first-child { display:flex; justify-content:space-between; align-items:baseline; gap:10px; flex-wrap:wrap; }
.backoffice-row > div:first-child strong { color:var(--text); }
.backoffice-row > div:first-child span { color:var(--muted); font-size:12px; }
.backoffice-row p { margin:0; }
.backoffice-actions { display:flex; gap:8px; flex-wrap:wrap; }
.backoffice-empty { border:1px dashed color-mix(in srgb,var(--line) 78%, transparent); border-radius:12px; padding:14px; color:var(--muted); background:color-mix(in srgb,var(--surface-bg) 52%, transparent); }
.identity-pill { display:inline-flex; align-items:center; gap:6px; min-height:28px; border-radius:999px; border:1px solid var(--backoffice-card-line); padding:5px 9px; color:var(--text); background:var(--backoffice-control-bg); font-size:12px; }
.identity-pill strong { color:var(--muted); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.identity-pill-good { border-color:color-mix(in srgb,#73d391 46%, var(--line)); background:color-mix(in srgb,#73d391 12%, var(--surface-bg)); }
.identity-pill-warn { border-color:color-mix(in srgb,#ffc36f 52%, var(--line)); background:color-mix(in srgb,#ffc36f 13%, var(--surface-bg)); }
.identity-bar-group { display:grid; gap:8px; }
.identity-bar-row { display:grid; grid-template-columns:minmax(84px,1fr) minmax(120px,2fr) auto; gap:8px; align-items:center; color:var(--muted); font-size:12px; }
.identity-bar-row div { height:9px; border-radius:999px; background:color-mix(in srgb,var(--surface-bg) 74%, #000); overflow:hidden; border:1px solid color-mix(in srgb,var(--line) 60%, transparent); }
.identity-bar-row i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--accent2),#73c5ff); }
.identity-bar-row strong { color:var(--text); font-size:12px; }
.public-request-page .wrap { max-width:980px; }
.public-request-card { max-width:860px; margin-inline:auto; }
.public-request-head { display:grid; gap:6px; margin-bottom:14px; }
.public-request-head h2 { margin:0; font-size:clamp(30px,5vw,54px); line-height:1.02; letter-spacing:0; }
.public-request-form { display:grid; gap:14px; }
.public-request-form label { display:grid; gap:7px; color:var(--muted); font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.public-request-form label small { color:var(--muted); font-size:11px; font-weight:700; text-transform:none; letter-spacing:0; }
.public-request-form input[type="url"],
.public-request-form input[type="email"],
.public-request-form textarea { width:100%; border:1px solid var(--input-line); border-radius:12px; background:var(--input-bg); color:var(--input-text); padding:12px 13px; font:inherit; font-size:15px; line-height:1.35; text-transform:none; letter-spacing:0; box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 6px 16px rgba(0,0,0,.12); }
.public-request-form textarea { min-height:118px; resize:vertical; }
.public-request-options { display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:10px; }
.public-request-options fieldset { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0; padding:12px; border:1px solid color-mix(in srgb,var(--line) 78%, transparent); border-radius:14px; background:color-mix(in srgb,var(--surface-bg) 72%, var(--card-bg)); }
.public-request-options legend { grid-column:1/-1; color:var(--muted); font-size:12px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; padding:0 4px; }
.public-request-options label { display:flex; align-items:center; gap:8px; min-height:40px; border-radius:10px; padding:8px 10px; color:var(--text); background:color-mix(in srgb,var(--card-bg) 68%, transparent); text-transform:none; letter-spacing:0; cursor:pointer; }
.public-request-options input { accent-color:var(--accent2); }
.public-request-message { border:1px solid color-mix(in srgb,#73d391 55%, var(--line)); border-radius:12px; padding:12px 13px; margin:0 0 14px; color:var(--text); background:color-mix(in srgb,#73d391 12%, var(--surface-bg)); }
.public-request-message.is-error { border-color:color-mix(in srgb,#ff8ca4 55%, var(--line)); background:color-mix(in srgb,#ff8ca4 12%, var(--surface-bg)); }
.public-request-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-top:4px; }
.public-request-status-band { display:flex; align-items:center; justify-content:space-between; gap:12px; border:1px solid color-mix(in srgb,var(--accent2) 50%, var(--line)); border-radius:14px; padding:14px; background:linear-gradient(180deg, color-mix(in srgb,var(--accent2) 14%, var(--surface-bg)), color-mix(in srgb,var(--card-bg) 90%, var(--surface-bg))); box-shadow:0 6px 0 rgba(0,0,0,.2); }
.public-request-status-band span { color:var(--muted); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.public-request-status-band strong { color:var(--text); font-size:22px; }
.public-request-details { display:grid; gap:10px; margin:14px 0 0; }
.public-request-details div { display:grid; grid-template-columns:130px minmax(0,1fr); gap:10px; align-items:start; padding:10px 0; border-bottom:1px solid color-mix(in srgb,var(--line) 72%, transparent); }
.public-request-details dt { color:var(--muted); font-size:12px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.public-request-details dd { margin:0; color:var(--text); overflow-wrap:anywhere; }
.public-request-details a,
.public-request-note a { color:var(--link); }

.home-public-search-only .mobile-home-tabs,
.home-public-search-only #home-panel-recent,
.home-public-search-only #home-panel-latest,
.home-public-search-only .home-action-row,
.home-public-search-only .home-hero-note,
.home-public-search-only .home-feedback,
.home-public-search-only .home-password-row,
.home-public-search-only .home-password-hint {
  display:none !important;
}
.home-public-search-only .wrap {
  min-height:calc(100dvh - 20px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
}
.home-public-search-only #home-panel-archive {
  align-self:center;
  width:min(100%, 1180px);
  margin:clamp(24px,8vh,88px) auto;
}
.home-public-search-only .home-archive-form {
  max-width:900px;
  margin-inline:auto;
}
.home-public-search-only .home-archive-submit {
  min-width:180px;
}
.home-public-search-only #home-timeline-modal .timeline-modal {
  top:50%;
  transform:translate(-50%,-50%);
  width:min(860px,calc(100vw - 32px));
  max-height:calc(100vh - 64px);
}
.public-request-note,
.public-request-fulfilled { display:grid; gap:8px; margin-top:14px; border:1px solid color-mix(in srgb,var(--line) 74%, transparent); border-radius:14px; padding:13px; background:color-mix(in srgb,var(--surface-bg) 62%, var(--card-bg)); }
.public-request-note h3,
.public-request-fulfilled h3 { margin:0; font-size:16px; }
.public-request-note p { margin:0; color:var(--text); line-height:1.55; }
@media (max-width:640px) {
  .public-request-card { padding:16px; }
  .public-request-head h2 { font-size:34px; }
  .public-request-options { grid-template-columns:1fr; }
  .public-request-details div { grid-template-columns:1fr; gap:4px; }
  .public-request-actions .btn { width:100%; }
}
.hscroll-top { overflow-x:auto; overflow-y:hidden; height:14px; margin-bottom:6px; border:1px solid var(--scroll-line); border-radius:8px; background:var(--scroll-bg); }
.hscroll-spacer { height:1px; }
.hscroll-main { overflow:auto; border:1px solid var(--scroll-line); border-radius:10px; }
@media (max-width:1100px) {
  .admin-archives-layout { grid-template-columns:1fr; }
  .admin-log-panel { position:static; }
  .backoffice-shell { grid-template-columns:1fr; }
  .backoffice-sidebar { position:static; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); }
  .backoffice-split { grid-template-columns:1fr; }
}
.muted { color:var(--muted); font-size:13px; }
.quick-archive-shell { position:fixed; inset:0; z-index:120; display:none; }
.quick-archive-shell.open { display:block; }
.quick-archive-backdrop { position:absolute; inset:0; background:rgba(6,16,28,.6); }
.quick-archive-modal { position:absolute; top:72px; right:28px; width:min(760px,calc(100vw - 24px)); max-height:calc(100vh - 96px); overflow:auto; background:var(--card-bg); border:1px solid var(--line); border-radius:14px; box-shadow:0 18px 45px rgba(0,0,0,.45); padding:22px; display:grid; gap:16px; }
.quick-archive-head { position:relative; display:flex; justify-content:flex-start; align-items:flex-start; gap:12px; margin:0 0 8px; }
.quick-archive-title { font-size:30px; line-height:1.08; font-weight:800; letter-spacing:.1px; }
.quick-archive-head [data-close='1'] { position:absolute; top:-2px; right:-2px; }
.quick-archive-row { display:flex; gap:12px; align-items:center; margin:0; }
.quick-archive-row input[type=url], .quick-archive-row input[type=text], .quick-archive-row input[type=password] { flex:1; border-radius:10px; border:1px solid var(--input-line); background:var(--input-bg); color:var(--input-text); padding:11px 12px; font-size:15px; }
.quick-url-stack { display:grid; gap:10px; }
.quick-url-list { display:grid; gap:8px; }
.quick-url-row { display:grid; grid-template-columns:minmax(0,1fr) 34px; gap:10px; align-items:center; }
.quick-url-input { width:100%; border-radius:10px; border:1px solid var(--input-line); background:var(--input-bg); color:var(--input-text); padding:11px 12px; font-size:15px; }
.quick-url-remove,
.quick-url-add {
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  aspect-ratio:1;
  padding:0 !important;
  border-radius:999px;
  border:1px solid var(--toggle-pill-border);
  background:var(--toggle-pill-bg);
  color:var(--toggle-pill-text);
  box-shadow:var(--btn-shadow);
  font-size:18px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
}
.quick-url-remove:hover,
.quick-url-remove:focus-visible,
.quick-url-add:hover,
.quick-url-add:focus-visible {
  transform:translateY(2px);
  box-shadow:var(--btn-shadow-pressed);
}
.quick-url-remove:disabled { opacity:.38; cursor:not-allowed; transform:none; box-shadow:none; }
.quick-url-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.quick-url-hint { margin:0; }
.quick-control-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,300px)); gap:14px; align-items:end; justify-content:start; }
.quick-control-group { display:grid; gap:6px; align-content:start; }
.quick-control-group[hidden] { display:none; }
.quick-page-pdf-option { width:100%; min-height:48px; margin:0; }
.home-segment-toggle.quick-segment-toggle { width:100%; min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.home-segment-toggle.quick-segment-toggle .home-segment-option { min-width:0; display:flex; align-items:center; justify-content:center; }
.quick-segment-toggle[data-active="full"]::before { transform:translateX(100%); }
.quick-segment-toggle[data-active="image"] .home-segment-option[data-value="image"],
.quick-segment-toggle[data-active="full"] .home-segment-option[data-value="full"] { color:var(--toggle-pill-active-text); }
.quick-submit-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; }
.quick-archive-modal .mode-pick { margin-top:0; }
.quick-archive-modal .hint { margin:0; }
.quick-active-section { border-top:1px solid color-mix(in srgb,var(--line) 70%, transparent); padding-top:12px; display:grid; gap:10px; }
.quick-active-section[hidden] { display:none; }
.quick-section-head { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.quick-section-head strong { font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--pill-label); }
.quick-review-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.quick-review-actions[hidden] { display:none; }
.quick-review-actions .btn { min-width:0; padding-inline:12px; white-space:nowrap; }
.quick-queue-list { margin-top:2px; display:grid; gap:12px; max-height:320px; overflow:auto; }
.quick-queue-item { border:1px solid var(--quick-item-border); border-radius:10px; padding:8px; background:var(--quick-item-bg); }
.quick-queue-item.is-running { border-color:var(--quick-item-run); }
.quick-queue-item.is-review { border-color:#9fc3e9; background:linear-gradient(180deg, color-mix(in srgb,#eef6ff 86%, #fff), color-mix(in srgb,#d9eafe 68%, #fff)); }
.quick-queue-item.is-done { border-color:var(--quick-item-done-border); background:var(--quick-item-done-bg); }
.quick-queue-item.is-failed { border-color:var(--quick-item-failed-border); background:var(--quick-item-failed-bg); }
.quick-queue-meta { display:grid; grid-template-columns:auto minmax(200px,1fr) auto; align-items:center; gap:10px; font-size:13px; color:var(--quick-item-meta); margin-bottom:6px; }
.quick-queue-id { justify-self:start; }
.quick-queue-url-wrap { display:flex; align-items:center; gap:6px; width:100%; max-width:460px; min-width:0; justify-self:center; }
.quick-queue-url { max-width:420px; width:100%; min-width:0; justify-self:center; }
.quick-queue-url .pill-value { max-width:320px; }
.quick-copy-url-btn {
  display:inline-grid;
  place-items:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  padding:0;
  border:1px solid var(--toggle-pill-border);
  border-radius:999px;
  background:var(--toggle-pill-bg);
  color:var(--toggle-pill-text);
  box-shadow:0 3px 0 #c80052, 0 7px 10px rgba(0,0,0,.12);
  cursor:pointer;
}
.quick-copy-url-btn svg { width:14px; height:14px; }
.quick-copy-url-btn:hover,
.quick-copy-url-btn:focus-visible {
  transform:translateY(1px);
  box-shadow:0 2px 0 #c80052, 0 5px 8px rgba(0,0,0,.1);
}
.quick-copy-url-btn.is-copied {
  background:var(--toggle-pill-active-bg);
  color:var(--toggle-pill-active-text);
}
.quick-queue-state { justify-self:end; }
.quick-queue-item.is-review .quick-queue-state { color:#315f8e; font-weight:700; }
.quick-queue-item.is-done .quick-queue-state { color:var(--quick-item-done-text); font-weight:700; }
.quick-queue-item.is-failed .quick-queue-state { color:var(--quick-item-failed-text); font-weight:700; }
.quick-queue-bar { height:6px; border-radius:999px; background:var(--quick-bar-bg); border:1px solid var(--quick-bar-border); overflow:hidden; }
.quick-queue-bar > div { height:100%; background:linear-gradient(90deg,#53d57b,#73c5ff); transition:width .3s ease; }
html:not([data-theme="light"]) .quick-queue-item.is-review {
  border-color:color-mix(in srgb,#73c5ff 46%, var(--line));
  background:linear-gradient(180deg, color-mix(in srgb,var(--card-bg) 92%, #1b334d), color-mix(in srgb,var(--surface-bg) 86%, #081827));
  color:var(--text);
}
html:not([data-theme="light"]) .quick-queue-item.is-review .quick-queue-state {
  color:#9bd4ff;
}
html:not([data-theme="light"]) .quick-queue-item.is-review .quick-queue-chip {
  background:color-mix(in srgb,var(--surface-bg) 72%, #0b1a2d);
  color:var(--text);
}

#failed-jobs-wrap .failed-job-toolbar .btn,
#failed-jobs-wrap .failed-job-actions .btn {
  min-height:30px;
  padding:6px 11px;
  border-radius:999px;
  background:color-mix(in srgb,var(--btn-dark-bg) 78%, var(--surface-bg));
  border:1px solid color-mix(in srgb,var(--btn-dark-line) 62%, #fff);
  color:var(--btn-dark-text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 2px 0 rgba(0,0,0,.2);
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}
#failed-jobs-wrap .failed-job-toolbar .btn:hover,
#failed-jobs-wrap .failed-job-toolbar .btn:focus-visible,
#failed-jobs-wrap .failed-job-actions .btn:hover,
#failed-jobs-wrap .failed-job-actions .btn:focus-visible {
  transform:translateY(1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(0,0,0,.22);
  background:color-mix(in srgb,var(--btn-dark-bg) 86%, #fff);
}
#failed-jobs-wrap .failed-job-actions {
  display:inline-flex;
  gap:6px;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:nowrap;
  min-width:max-content;
}
#failed-jobs-wrap .failed-job-actions .btn {
  min-width:54px;
}
#failed-jobs-wrap .failed-job-toolbar {
  gap:10px !important;
}
#failed-jobs-wrap .failed-jobs-scroller {
  overflow:auto;
}
#failed-jobs-wrap .failed-jobs-table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
#failed-jobs-wrap .failed-jobs-table th {
  padding:9px 10px;
  color:var(--text);
  font-weight:900;
  text-align:left;
}
#failed-jobs-wrap .failed-jobs-table td {
  padding:13px 10px;
  vertical-align:middle;
}
#failed-jobs-wrap .failed-job-row {
  position:relative;
}
#failed-jobs-wrap .failed-job-row + .failed-job-row {
  background-image:linear-gradient(90deg, transparent 0%, color-mix(in srgb,#ffd7df 34%, transparent) 11%, color-mix(in srgb,#ffd7df 34%, transparent) 89%, transparent 100%);
  background-position:left top;
  background-repeat:no-repeat;
  background-size:100% 1px;
}
#failed-jobs-wrap .failed-job-action-cell {
  width:210px;
  min-width:210px;
}
#failed-jobs-wrap .failed-job-url {
  min-width:320px;
  word-break:break-word;
}
#failed-jobs-wrap .failed-job-error {
  min-width:360px;
  line-height:1.35;
}
#failed-jobs-wrap .failed-job-date {
  width:120px;
  min-width:120px;
}
@media (max-width: 980px) {
  #failed-jobs-wrap .failed-job-actions { flex-wrap:wrap; min-width:150px; }
  #failed-jobs-wrap .failed-job-action-cell { min-width:170px; width:170px; }
  #failed-jobs-wrap .failed-job-url,
  #failed-jobs-wrap .failed-job-error { min-width:240px; }
}

html[data-theme="light"] #maintenance-row {
  background:#eff6fd !important;
  border-color:var(--table-line) !important;
}
html[data-theme="light"] #archive-log {
  background:var(--admin-log-bg) !important;
  border-color:var(--admin-log-line) !important;
  color:var(--pill-value) !important;
}
html[data-theme="light"] #failed-jobs-wrap {
  border-color:#d6a5ad !important;
  background:#fbf0f2 !important;
}
html[data-theme="light"] #failed-jobs-wrap strong {
  color:#8a2f3f !important;
}
html[data-theme="light"] #failed-jobs-count,
html[data-theme="light"] #failed-alert {
  background:#faecef !important;
  border-color:#d9a6ae !important;
  color:#8f3040 !important;
}
html[data-theme="light"] #failed-jobs-wrap .failed-job-toolbar .btn,
html[data-theme="light"] #failed-jobs-wrap .failed-job-actions .btn {
  background:#ffe0ea;
  border-color:#efb7c7;
  color:#7f153d;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 2px 0 rgba(191,0,78,.12);
}
html[data-theme="light"] #failed-jobs-wrap .failed-job-toolbar .btn:hover,
html[data-theme="light"] #failed-jobs-wrap .failed-job-toolbar .btn:focus-visible,
html[data-theme="light"] #failed-jobs-wrap .failed-job-actions .btn:hover,
html[data-theme="light"] #failed-jobs-wrap .failed-job-actions .btn:focus-visible {
  background:#ffd2df;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78), 0 1px 0 rgba(191,0,78,.14);
}
html[data-theme="light"] #failed-jobs-wrap .failed-job-row + .failed-job-row {
  background-image:linear-gradient(90deg, transparent 0%, rgba(143,48,64,.2) 11%, rgba(143,48,64,.2) 89%, transparent 100%);
}
html[data-theme="light"] #archive-list [style*="border-top:1px solid #294766"],
html[data-theme="light"] #conn-countries [style*="border-top:1px solid #294766"],
html[data-theme="light"] #conn-list [style*="border-top:1px solid #294766"] {
  border-top:1px solid var(--table-line) !important;
}
html[data-theme="light"] #archive-list table,
html[data-theme="light"] #conn-countries table,
html[data-theme="light"] #conn-list table {
  color:var(--pill-value);
}
html[data-theme="light"] #panel-archives select,
html[data-theme="light"] #panel-archives input[type="text"],
html[data-theme="light"] #panel-archives input[type="number"],
html[data-theme="light"] #panel-archives input[type="date"],
html[data-theme="light"] #panel-connections select,
html[data-theme="light"] #panel-connections input[type="date"],
html[data-theme="light"] #panel-settings input[type="text"],
html[data-theme="light"] #panel-settings input[type="number"],
html[data-theme="light"] #panel-settings input[type="date"],
html[data-theme="light"] #panel-settings select,
html[data-theme="light"] #panel-users input,
html[data-theme="light"] #panel-users select,
html[data-theme="light"] #panel-users textarea,
html[data-theme="light"] #panel-requests input,
html[data-theme="light"] #panel-requests select,
html[data-theme="light"] #panel-requests textarea {
  background:var(--input-bg) !important;
  color:var(--input-text) !important;
  border-color:var(--input-line) !important;
}
html[data-theme="light"] .backoffice-form-grid select { color-scheme:light; }
html[data-theme="light"] #panel-requests select option,
html[data-theme="light"] .backoffice-form-grid select option,
html[data-theme="light"] .archive-request-assignment-controls select option {
  background:#ffffff;
  color:#0e223b;
}
html[data-theme="light"] .backoffice-custom-select-btn {
  background:linear-gradient(180deg,#ffffff,#ffeaf1);
  color:#0e223b;
  border-color:#f1bdd0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 4px 0 rgba(191,0,78,.16);
}
html[data-theme="light"] .backoffice-custom-select-menu {
  background:linear-gradient(180deg,#ffffff,#ffeaf1);
  border-color:#f1bdd0;
}
html[data-theme="light"] .backoffice-custom-option { color:#0e223b; }
html[data-theme="light"] .backoffice-custom-option:hover,
html[data-theme="light"] .backoffice-custom-option:focus-visible { background:rgba(228,0,92,.1); }
html[data-theme="light"] .backoffice-custom-option.is-selected {
  background:#f8bfd2;
  color:#0e223b;
}
.quick-queue-row { margin-top:6px; display:flex; justify-content:space-between; align-items:center; gap:8px; }
.quick-queue-links { display:inline-flex; gap:6px; align-items:center; flex-wrap:wrap; justify-content:flex-end; }
.quick-queue-chip { display:inline-flex; align-items:center; min-height:28px; border-radius:999px; padding:5px 9px; background:color-mix(in srgb,var(--surface-bg) 82%, #fff); color:color-mix(in srgb,var(--accent) 50%, var(--text)); font-size:11px; font-weight:800; box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-line) 58%, transparent); }
.quick-queue-actions { margin-top:2px; display:flex; justify-content:center; }
.quick-queue-actions .btn { min-width:140px; }
.quick-archive-widget {
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:95;
  width:min(310px,calc(100vw - 32px));
  display:grid;
  gap:6px;
  text-align:left;
  border:1px solid var(--toggle-pill-border);
  border-radius:16px;
  padding:12px 14px 14px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--card-bg) 94%, var(--toggle-pill-bg)), var(--card-bg));
  color:var(--text);
  box-shadow:0 8px 0 #c80052, 0 18px 28px rgba(0,0,0,.22);
  cursor:pointer;
}
.quick-archive-widget[hidden] { display:none; }
.quick-archive-widget:hover,
.quick-archive-widget:focus-visible {
  transform:translateY(2px);
  box-shadow:0 5px 0 #c80052, 0 14px 22px rgba(0,0,0,.18);
}
.quick-widget-kicker { color:var(--pill-label); font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.quick-widget-count { color:var(--text); font-size:15px; font-weight:900; }
.quick-widget-bar { height:8px; border-radius:999px; background:var(--quick-bar-bg); overflow:hidden; box-shadow:inset 0 0 0 1px var(--quick-bar-border); }
.quick-widget-bar > span { display:block; height:100%; width:0; border-radius:999px; background:linear-gradient(90deg,#53d57b,#73c5ff); transition:width .3s ease; }
.quick-widget-eta { color:var(--muted); font-size:12px; font-weight:700; }
.btn-danger { background:#a52333; color:#ffe9ed; border:1px solid #d56b76; box-shadow:0 6px 0 rgba(86,22,31,.3), 0 12px 18px rgba(26,7,11,.16); }
.btn-danger:hover,
.btn-danger:focus-visible {
  background:color-mix(in srgb,#a52333 88%, #fff);
  border-color:#dc8895;
  box-shadow:0 3px 0 rgba(86,22,31,.22), 0 8px 14px rgba(26,7,11,.12);
  transform:translateY(2px);
}

#text-mount {
  background:var(--text-view-bg) !important;
  color:var(--text-view-text) !important;
}
#text-mount h1,
#text-mount h2,
#text-mount h3,
#text-mount h4,
#text-mount h5,
#text-mount h6,
#text-mount p,
#text-mount li {
  color:var(--text-view-text);
}
#text-mount a {
  color:var(--text-view-link);
  text-decoration:underline;
  text-decoration-color:color-mix(in srgb, var(--text-view-link) 70%, transparent);
  text-underline-offset:2px;
}
#text-mount pre {
  background:var(--text-view-code-bg) !important;
  border-color:var(--text-view-code-border) !important;
  color:var(--text-view-text);
}
#text-mount blockquote {
  background:var(--text-view-quote-bg) !important;
  border-left-color:var(--text-view-quote-line) !important;
  color:var(--text-view-quote-text) !important;
}



.home-utility-flag {
  flex:0 0 auto;
  width:24px;
  height:18px;
  border-radius:4px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 32'%3E%3Crect width='48' height='32' rx='4' fill='%231b4fb8'/%3E%3Cg fill='%23ffd84d'%3E%3Ccircle cx='24' cy='7' r='1.8'/%3E%3Ccircle cx='30' cy='9' r='1.8'/%3E%3Ccircle cx='34' cy='14' r='1.8'/%3E%3Ccircle cx='34' cy='20' r='1.8'/%3E%3Ccircle cx='30' cy='25' r='1.8'/%3E%3Ccircle cx='24' cy='27' r='1.8'/%3E%3Ccircle cx='18' cy='25' r='1.8'/%3E%3Ccircle cx='14' cy='20' r='1.8'/%3E%3Ccircle cx='14' cy='14' r='1.8'/%3E%3Ccircle cx='18' cy='9' r='1.8'/%3E%3C/g%3E%3C/svg%3E");
  background-size:cover;
  background-position:center;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24), 0 5px 12px rgba(7,26,58,.14);
}
.home-footer {
  margin:0 calc(50% - 50vw) 0;
  border-top:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08));
  padding:18px min(6vw,88px);
  display:flex;
  justify-content:center;
  gap:16px;
  align-items:center;
  color:var(--muted);
  font-size:13px;
  text-align:center;
}
.home-page .home-footer { margin:auto 0 0; }
.home-hero-card {
  margin-top:18px;
  text-align:center;
  padding:34px 26px 28px;
  border-radius:28px;
  border:1px solid color-mix(in srgb,var(--line) 76%, #fff);
  background:linear-gradient(180deg, color-mix(in srgb,var(--card-bg) 80%, #fff), color-mix(in srgb,var(--card-bg) 90%, #fff3f7));
  box-shadow:0 10px 0 rgba(188,205,222,.82), 0 24px 44px rgba(22,46,78,.12), inset 0 1px 0 rgba(255,255,255,.84);
}
.home-hero-copy {
  max-width:860px;
  margin:0 auto;
}
.home-hero-card h2 {
  font-size:64px;
  margin-bottom:10px;
  line-height:1.02;
  letter-spacing:0;
}
.home-hero-hint {
  max-width:760px;
  margin:0 auto;
  font-size:18px;
  line-height:1.45;
}
.home-archive-form {
  width:min(980px,100%);
  margin:24px auto 0;
  display:grid;
  grid-template-columns:minmax(0,720px) auto;
  justify-content:center;
  align-items:center;
  gap:18px;
}
.home-archive-urlbar {
  flex:0 1 auto;
  min-width:0;
  width:100%;
  margin:0;
  display:flex;
  align-items:center;
  padding:6px;
  border:1px solid color-mix(in srgb,var(--accent) 22%, var(--line));
  border-radius:999px;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.32));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78), 0 14px 26px rgba(21,44,75,.08);
}
.home-archive-urlbar input[type=url] {
  flex:1;
  border:0;
  border-radius:999px;
  background:transparent;
  padding:16px 18px;
  font-size:15px;
}
.home-archive-submit {
  min-width:188px;
  min-height:56px;
  padding-inline:28px;
  margin:0;
}
.home-password-row { width:min(980px,100%); margin:14px auto 0; }
.home-password-hint { text-align:center; }

.home-action-row { margin-top:18px; display:flex; gap:14px; justify-content:center; align-items:center; flex-wrap:wrap; }
.home-hero-card .mode-pick { margin-top:0; justify-content:center; }
.home-intent-toggle,
.home-capture-toggle,
.home-page-pdf-toggle { display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:center; }
.home-evidence-toggle[hidden] { display:none; }
.home-page-pdf-toggle[hidden] { display:none; }
.home-page-pdf-option { min-height:42px; margin:0; }
.home-page-pdf-option .home-control-icon { display:none; }
.home-page-pdf-toggle .home-mobile-control-value { display:none; }
.home-capture-switch {
  position:relative;
  display:inline-flex;
  margin:0;
  cursor:pointer;
  user-select:none;
}
.home-capture-switch input { position:absolute; opacity:0; pointer-events:none; }
.home-capture-toggle:has(input:disabled) { opacity:.55; }
.home-capture-toggle:has(input:disabled) .home-capture-switch { cursor:not-allowed; }
.home-capture-switch:focus-within .home-capture-slider {
  outline:2px solid color-mix(in srgb,var(--accent) 58%, #fff);
  outline-offset:3px;
}
.home-capture-slider {
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  min-width:232px;
  border:1px solid var(--toggle-pill-border);
  border-radius:999px;
  padding:4px 4px 8px;
  background:var(--toggle-pill-bg);
  box-shadow:var(--btn-shadow);
  overflow:hidden;
}
.home-capture-slider::before {
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:calc(50% - 4px);
  height:calc(100% - 12px);
  border-radius:999px;
  border:1px solid var(--toggle-pill-active-border);
  background:var(--toggle-pill-active-bg);
  box-shadow:var(--toggle-pill-active-shadow);
  transition:transform .25s cubic-bezier(.34,1.2,.64,1);
  z-index:0;
}
.home-capture-switch input:checked + .home-capture-slider::before { transform:translateX(100%); }
.home-capture-slider > span {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:116px;
  padding:8px 12px;
  color:var(--toggle-pill-text);
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
  white-space:nowrap;
  transition:color .18s ease;
}
.home-capture-switch:not(:has(input:checked)) .home-capture-slider > span:first-child,
.home-capture-switch:has(input:checked) .home-capture-slider > span:last-child { color:var(--toggle-pill-active-text); }
.home-segment-toggle {
  position:relative;
  display:inline-flex;
  border:1px solid var(--toggle-pill-border);
  border-radius:999px;
  padding:4px 4px 8px;
  background:var(--toggle-pill-bg);
  box-shadow:var(--btn-shadow);
}
.home-segment-toggle::before {
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:calc(50% - 4px);
  height:calc(100% - 12px);
  border-radius:999px;
  border:1px solid var(--toggle-pill-active-border);
  background:var(--toggle-pill-active-bg);
  box-shadow:var(--toggle-pill-active-shadow);
  transition:transform .25s cubic-bezier(.34,1.2,.64,1);
  z-index:0;
}
.home-segment-toggle[data-active="timeline"]::before,
.home-segment-toggle[data-active="completeness"]::before { transform:translateX(100%); }
.home-segment-option {
  position:relative;
  z-index:1;
  min-width:116px;
  padding:8px 12px;
  border-radius:999px;
  color:var(--toggle-pill-text);
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
  cursor:pointer;
  text-align:center;
}
.home-segment-option input { position:absolute; opacity:0; pointer-events:none; }
.home-segment-option span { white-space:nowrap; }
.home-segment-option > span,
.home-capture-slider > span {
  gap:7px;
}
.home-control-icon,
.home-mobile-control-value,
.quick-mobile-control-value {
  display:none;
}
.home-control-icon {
  position:relative;
  width:22px;
  height:22px;
  color:currentColor;
  flex:0 0 auto;
}
.home-control-icon::before {
  content:"";
  position:absolute;
  inset:0;
  box-sizing:border-box;
  background:currentColor;
  -webkit-mask:var(--home-control-icon-mask) center / contain no-repeat;
  mask:var(--home-control-icon-mask) center / contain no-repeat;
}
.home-control-icon-speed {
  --home-control-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h8l-1 8 11-13h-8l1-7Z'/%3E%3C/svg%3E");
}
.home-control-icon-completeness {
  --home-control-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3.5 6 1.5 1.5L8.5 4'/%3E%3Cpath d='M11 6h9'/%3E%3Cpath d='m3.5 12 1.5 1.5 3.5-3.5'/%3E%3Cpath d='M11 12h9'/%3E%3Cpath d='m3.5 18 1.5 1.5 3.5-3.5'/%3E%3Cpath d='M11 18h9'/%3E%3C/svg%3E");
}
.home-control-icon-archive {
  --home-control-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='5' x='2' y='3' rx='1'/%3E%3Cpath d='M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8'/%3E%3Cpath d='M10 12h4'/%3E%3C/svg%3E");
}
.home-control-icon-search {
  --home-control-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4.5-4.5'/%3E%3C/svg%3E");
}
.home-control-icon-image {
  --home-control-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='18' x='3' y='3' rx='2'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.8 0L6 21'/%3E%3C/svg%3E");
}
.home-control-icon-fullpage {
  --home-control-icon-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h6'/%3E%3C/svg%3E");
}
.home-segment-toggle[data-active="archive"] .home-segment-option[data-value="archive"],
.home-segment-toggle[data-active="timeline"] .home-segment-option[data-value="timeline"],
.home-segment-toggle[data-active="speed"] .home-segment-option[data-value="speed"],
.home-segment-toggle[data-active="completeness"] .home-segment-option[data-value="completeness"] { color:var(--toggle-pill-active-text); }
.home-hero-note,
.home-feedback {
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
}
.home-hero-note {
  margin-top:14px;
  font-size:13px;
  line-height:1.5;
}
.home-latest-panel {
  width:100%;
  margin:28px auto 28px;
  padding:22px 22px 18px;
  border-radius:26px;
  border:1px solid color-mix(in srgb,var(--line) 76%, #fff);
  background:linear-gradient(180deg, color-mix(in srgb,var(--card-bg) 80%, #fff), color-mix(in srgb,var(--card-bg) 88%, #fff3f7));
  box-shadow:0 10px 0 rgba(188,205,222,.82), 0 24px 34px rgba(20,44,74,.1), inset 0 1px 0 rgba(255,255,255,.84);
}
.home-latest-head {
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-end;
  padding-bottom:14px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 76%, #fff);
}
.home-section-heading { display:grid; gap:4px; }
.home-section-heading h2 { margin:0; font-size:34px; line-height:1.04; }
.home-section-kicker {
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--accent) 56%, var(--text));
}
.home-latest-wrap {
  max-height:2200px;
  overflow:hidden;
  transition:max-height 420ms ease, margin-top 260ms ease, padding-bottom 260ms ease;
  margin-top:16px;
  padding-bottom:16px;
}
.home-latest-wrap.is-collapsed {
  margin-top:0;
  padding-bottom:0;
}
.home-latest-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:24px 12px; }
.latest-card {
  position:relative;
  display:block;
  height:100%;
  background:linear-gradient(180deg, color-mix(in srgb,var(--surface-bg) 92%, #fff), color-mix(in srgb,var(--surface-bg) 99%, #f8fbff));
  border:1px solid color-mix(in srgb,var(--surface-line) 76%, #fff);
  border-radius:18px;
  overflow:hidden;
  text-decoration:none;
  color:var(--text);
  box-shadow:0 8px 0 rgba(182,200,219,.82), 0 18px 24px rgba(20,44,74,.08), inset 0 1px 0 rgba(255,255,255,.88);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.latest-card:hover,
.latest-card:focus-visible {
  border-color:color-mix(in srgb,var(--accent) 18%, var(--surface-line));
  box-shadow:0 6px 0 rgba(182,200,219,.74), 0 14px 20px rgba(20,44,74,.1), inset 0 1px 0 rgba(255,255,255,.92);
  transform:translateY(2px);
}
.latest-card-thumb { width:calc(100% - 20px); margin:10px 10px 0; aspect-ratio:16/10; object-fit:cover; display:block; border-radius:16px; border:1px solid color-mix(in srgb,var(--surface-line) 48%, #fff); background:color-mix(in srgb,var(--surface-bg) 88%, #fff); }
.latest-card-thumb-blurred {
  filter:saturate(.84) contrast(.92) brightness(1.03);
  transform:scale(1);
}
.latest-card-thumb-fallback {
  display:grid;
  place-content:center;
  gap:4px;
  text-align:center;
  background:
    linear-gradient(180deg, color-mix(in srgb,var(--surface-bg) 82%, #fff), color-mix(in srgb,var(--surface-bg) 98%, #dbe9f5)),
    radial-gradient(circle at 50% 0, color-mix(in srgb,var(--accent) 18%, transparent), transparent 58%);
  color:var(--text);
}
.latest-card-thumb-fallback-label {
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:color-mix(in srgb,var(--accent) 55%, var(--text));
}
.latest-card-thumb-fallback-sub {
  font-size:12px;
  color:var(--muted);
  font-weight:700;
}
.latest-card-body { padding:12px 14px 16px; display:grid; gap:8px; }
.latest-card-date { font-size:10px; color:color-mix(in srgb,var(--accent) 40%, var(--muted)); margin:0; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.latest-card-source-row { display:flex; align-items:center; gap:6px; flex-wrap:wrap; min-width:0; }
.latest-card-source-pill {
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-height:22px;
  padding:3px 8px 4px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--surface-line) 58%, #fff);
  background:color-mix(in srgb,var(--surface-bg) 82%, #fff);
  color:color-mix(in srgb,var(--accent) 42%, var(--text));
  font-size:10px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.latest-card-source-platform {
  color:color-mix(in srgb,var(--accent) 62%, var(--text));
  background:color-mix(in srgb,var(--surface-2-bg) 68%, #fff);
}
.latest-card-source-host { text-transform:none; letter-spacing:0; font-weight:800; }
.latest-card-title {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  color:var(--text);
  font-size:13px;
  line-height:1.35;
  font-weight:800;
  overflow-wrap:anywhere;
}
.latest-card-placeholder {
  display:block;
  background:linear-gradient(180deg, rgba(255,255,255,.44), rgba(255,255,255,.22));
  border:1px dashed color-mix(in srgb,var(--surface-2-line) 70%, #fff);
  border-radius:18px;
  min-height:190px;
  opacity:.56;
}


.home-latest-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.home-latest-view-tabs {
  position:relative;
  display:inline-flex;
  border:1px solid var(--toggle-pill-border);
  border-radius:999px;
  padding:4px 4px 8px;
  background:var(--toggle-pill-bg);
  box-shadow:var(--btn-shadow);
}
.home-latest-view-tabs::before {
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:calc(50% - 4px);
  height:calc(100% - 12px);
  border-radius:999px;
  border:1px solid var(--toggle-pill-active-border);
  background:var(--toggle-pill-active-bg);
  box-shadow:var(--toggle-pill-active-shadow);
  transition:transform .25s cubic-bezier(.34,1.2,.64,1);
  z-index:0;
}
.home-latest-view-tabs[data-active="calendar"]::before { transform:translateX(100%); }
.latest-view-tab {
  position:relative;
  z-index:1;
  min-width:90px;
  border:0;
  background:transparent;
  color:var(--toggle-pill-text);
  font-weight:800;
  font-size:12px;
  padding:8px 14px;
  border-radius:999px;
  cursor:pointer;
}
.latest-view-tab.is-active { color:var(--toggle-pill-active-text); }
.home-latest-calendar { margin-top:10px; border:1px solid color-mix(in srgb,var(--line) 76%, #fff); border-radius:20px; padding:18px; background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.54)); box-shadow:0 8px 0 rgba(188,205,222,.7), 0 16px 22px rgba(20,44,74,.05), inset 0 1px 0 rgba(255,255,255,.94); }
.calendar-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; padding:0 2px; }
.calendar-nav-btn {
  min-width:36px;
  height:36px;
  padding:0;
  border-radius:999px;
  border:1px solid var(--btn-dark-line);
  background:var(--btn-dark-bg);
  color:var(--btn-dark-text);
  box-shadow:var(--btn-shadow);
}
.calendar-nav-btn:hover,
.calendar-nav-btn:focus-visible {
  background:color-mix(in srgb,var(--btn-dark-bg) 90%, #fff);
  color:var(--btn-dark-text);
  box-shadow:var(--btn-shadow-pressed);
  transform:translateY(2px);
}
.calendar-title { font-weight:800; color:var(--text); letter-spacing:0; font-size:24px; }
.calendar-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:10px; }
.calendar-weekday { text-align:center; font-size:10px; color:var(--muted); text-transform:uppercase; letter-spacing:.12em; padding-bottom:2px; }
.calendar-day { position:relative; min-height:96px; border:1px solid color-mix(in srgb,var(--line) 68%, #fff); border-radius:18px; padding:10px; background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.58)); display:flex; flex-direction:column; gap:8px; box-shadow:7px 0 0 rgba(184,201,220,.72), 14px 0 18px rgba(20,44,74,.08), inset 0 1px 0 rgba(255,255,255,.92); }
.calendar-day.is-outside { opacity:.45; }
.calendar-day.has-entries { border-color:color-mix(in srgb,var(--accent) 14%, var(--line)); background:linear-gradient(180deg, rgba(255,255,255,.92), color-mix(in srgb,var(--accent2) 8%, rgba(255,255,255,.7))); box-shadow:8px 0 0 rgba(197,176,207,.72), 16px 0 22px rgba(20,44,74,.1), inset 0 1px 0 rgba(255,255,255,.94); }
.calendar-day-num { font-size:13px; color:var(--text); font-weight:800; }
.calendar-day-count {
  font-size:11px;
  font-weight:800;
  color:var(--toggle-pill-active-text);
  border-radius:999px;
  padding:5px 10px;
  border:1px solid var(--toggle-pill-active-border);
  background:var(--toggle-pill-active-bg);
  width:max-content;
  box-shadow:var(--toggle-pill-active-shadow);
  letter-spacing:.02em;
  transition:transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s ease, background .22s ease, border-color .22s ease;
}
.calendar-day-list { display:grid; gap:4px; margin-top:auto; }
.calendar-day-link { display:block; font-size:10px; color:color-mix(in srgb,var(--text) 72%, var(--muted)); padding:0 2px; background:transparent; border:0; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.calendar-day-link:hover,
.calendar-day-link:focus-visible { color:var(--text); text-decoration:underline; text-decoration-color:color-mix(in srgb,var(--accent) 26%, transparent); }

.home-latest-grid[hidden],
.home-latest-calendar[hidden] {
  display:none !important;
}
.calendar-day-count {
  cursor:pointer;
}
.calendar-day-count:hover,
.calendar-day-count:focus-visible {
  box-shadow:var(--btn-shadow-pressed);
  transform:translateY(2px);
}

.calendar-popup-shell {
  position:fixed;
  inset:0;
  z-index:140;
  display:none;
  padding:24px;
  overflow:hidden;
}
.calendar-popup-shell.open { display:grid; place-items:center; }
.calendar-popup-backdrop {
  position:absolute;
  inset:0;
  background:rgba(3,10,18,.5);
}
.calendar-popup {
  position:relative;
  width:min(520px,calc(100vw - 28px));
  max-height:calc(100vh - 48px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  transform:translateY(8px) scale(.97);
  opacity:0;
  transition:transform .2s ease, opacity .2s ease;
  border:1px solid color-mix(in srgb,var(--line) 76%, #fff);
  border-radius:22px;
  background:linear-gradient(180deg, #ffffff, #eef5fd);
  padding:18px;
  box-shadow:0 24px 42px rgba(20,44,74,.16), inset 0 1px 0 rgba(255,255,255,.88);
}
.calendar-popup-shell.open .calendar-popup {
  transform:translateY(0) scale(1);
  opacity:1;
}
.calendar-popup-head { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.calendar-popup-head strong { font-size:18px; letter-spacing:0; }
.calendar-popup-list {
  min-height:0;
  margin-top:14px;
  display:grid;
  gap:14px;
  overflow:auto;
  padding:2px 8px 10px 2px;
  overscroll-behavior:contain;
}
.calendar-popup-item { display:flex; justify-content:space-between; gap:12px; align-items:center; border:1px solid color-mix(in srgb,var(--line) 82%, #fff); border-radius:16px; padding:14px 16px; background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,250,255,.9)); box-shadow:0 8px 0 rgba(182,200,219,.74), 0 16px 20px rgba(20,44,74,.08), inset 0 1px 0 rgba(255,255,255,.94); }


.home-archive-card .mode-pick {
  justify-content:center;
}
.home-archive-card #archive-feedback {
  text-align:center;
}
.home-queue-tile,
.home-promote-old {
  display:grid;
  gap:12px;
  min-height:190px;
  padding:14px;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--surface-line) 76%, #fff);
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.6));
  color:var(--text);
  box-shadow:0 8px 0 rgba(182,200,219,.82), 0 18px 24px rgba(20,44,74,.08), inset 0 1px 0 rgba(255,255,255,.92);
}
.home-latest-tile {
  will-change:transform, opacity;
  min-width:0;
}
.home-promote-card {
  position:relative;
  min-height:190px;
  border-radius:18px;
  overflow:hidden;
}
.home-promote-old,
.home-promote-new {
  position:absolute;
  inset:0;
}
.home-promote-old {
  z-index:2;
}
.home-promote-new {
  z-index:1;
  opacity:1;
}
.home-promote-new .latest-card {
  height:100%;
}
.home-promote-card.is-promote-enter .home-promote-old {
  animation:homePromoteFadeOld .9s cubic-bezier(0.42,0,0.58,1) forwards;
}
.home-promote-card.is-promote-enter .home-promote-new {
  animation:homePromoteFadeNew .9s cubic-bezier(0.42,0,0.58,1) forwards;
}
@keyframes homePromoteFadeOld {
  from { opacity:1; }
  to { opacity:0; }
}
@keyframes homePromoteFadeNew {
  from { opacity:.08; }
  to { opacity:1; }
}
.home-queue-head {
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:8px;
  font-size:12px;
}
.home-queue-kicker {
  color:color-mix(in srgb,var(--accent) 56%, var(--text));
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
}
.home-queue-state {
  color:var(--text);
  font-weight:800;
  font-size:11px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--line) 52%, #fff);
  background:rgba(255,255,255,.72);
  white-space:nowrap;
}
.home-queue-badges {
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  min-height:0;
}
.home-queue-evidence {
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--accent) 36%, var(--line));
  background:color-mix(in srgb,var(--accent) 10%, rgba(255,255,255,.78));
  color:color-mix(in srgb,var(--accent) 72%, var(--text));
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.home-queue-pdf {
  border-color:color-mix(in srgb,#7aa8d8 42%, var(--line));
  background:color-mix(in srgb,#ddecff 64%, rgba(255,255,255,.82));
  color:color-mix(in srgb,#225f9c 72%, var(--text));
}
.home-queue-url {
  width:100%;
  background:rgba(255,255,255,.72);
  border-color:color-mix(in srgb,var(--line) 56%, #fff);
}
.home-queue-url .pill-label { font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--muted); }
.home-queue-url .pill-value {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-queue-progress {
  height:6px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--line) 52%, #fff);
  background:rgba(157,184,211,.22);
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3);
}
.home-queue-progress > div {
  height:100%;
  background:linear-gradient(90deg, var(--accent2), #7cc4ff);
  transition:width .95s cubic-bezier(0.42,0,0.58,1);
}
.home-queue-foot {
  margin-top:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
}
.home-queue-subtitle {
  color:var(--muted);
  line-height:1.45;
  flex:1 1 auto;
  min-width:0;
}
.home-queue-foot .btn {
  flex:0 0 auto;
  min-width:118px;
  padding-inline:16px;
}

.social-capture-frame {
  --fb-stage-bg:#dfeaf5;
  --fb-stage-line:#a9c2db;
  --fb-card-bg:#ffffff;
  --fb-card-line:#c5d6e8;
  --fb-soft-bg:#f1f5f9;
  --fb-soft-line:#d5e0ec;
  --fb-text:#10243a;
  --fb-muted:#5c7087;
  --fb-link:#1764ad;
  --fb-control:#eef3f8;
  width:min(100%, 900px);
  margin:0 auto 18px;
  color:var(--fb-text);
}
.social-capture-restricted {
  display:grid;
  gap:8px;
  border:1px solid var(--fb-stage-line);
  border-radius:18px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--fb-stage-bg) 92%, #fff), var(--fb-stage-bg));
  padding:18px;
  box-shadow:0 8px 0 rgba(156,177,199,.64), 0 18px 28px rgba(22,47,76,.14), inset 0 1px 0 rgba(255,255,255,.96);
}
.social-capture-restricted h2 {
  margin:0;
  font-size:18px;
  line-height:1.25;
}
.social-capture-restricted p {
  margin:0;
  color:var(--fb-muted);
  line-height:1.5;
}
.social-capture-generic {
  display:grid;
  gap:14px;
  border:1px solid var(--fb-stage-line);
  border-radius:18px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--fb-stage-bg) 92%, #fff), var(--fb-stage-bg));
  padding:14px;
  box-shadow:0 8px 0 rgba(156,177,199,.64), 0 18px 28px rgba(22,47,76,.14), inset 0 1px 0 rgba(255,255,255,.96);
}
.social-capture-facebook {
  display:grid;
  gap:14px;
  border:1px solid var(--fb-stage-line);
  border-radius:18px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--fb-stage-bg) 92%, #fff), var(--fb-stage-bg));
  padding:14px;
  box-shadow:0 8px 0 rgba(156,177,199,.64), 0 18px 28px rgba(22,47,76,.14), inset 0 1px 0 rgba(255,255,255,.96);
}
.fb-capture-head {
  display:grid;
  gap:4px;
  padding:12px 14px;
  border:1px solid color-mix(in srgb,var(--fb-stage-line) 76%, #fff);
  border-radius:14px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--fb-card-bg) 84%, var(--fb-stage-bg)), color-mix(in srgb,var(--fb-stage-bg) 88%, #fff));
  box-shadow:0 5px 0 rgba(156,177,199,.42), inset 0 1px 0 rgba(255,255,255,.82);
}
.fb-capture-kicker {
  color:var(--fb-link);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.fb-capture-title {
  font-weight:800;
  font-size:18px;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.fb-capture-meta {
  color:var(--fb-muted);
  font-size:13px;
}
.fb-post-card {
  border:1px solid var(--fb-card-line);
  border-radius:16px;
  background:var(--fb-card-bg);
  box-shadow:0 7px 0 rgba(156,177,199,.58), 0 16px 24px rgba(22,47,76,.14), inset 0 1px 0 rgba(255,255,255,.9);
  overflow:hidden;
}
.fb-post-author-row {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:14px 16px 8px;
}
.fb-avatar {
  width:38px;
  height:38px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border:2px solid rgba(255,255,255,.86);
  color:#fff;
  font-weight:900;
  font-size:13px;
  box-shadow:0 3px 0 rgba(90,111,134,.38), 0 8px 14px rgba(18,40,64,.14);
}
.fb-avatar-lg { width:44px; height:44px; font-size:14px; }
.fb-avatar-sm { width:32px; height:32px; font-size:11px; }
.fb-avatar.tone-1 { background:linear-gradient(145deg,#1b74e4,#68a4f4); }
.fb-avatar.tone-2 { background:linear-gradient(145deg,#c2185b,#f37aa8); }
.fb-avatar.tone-3 { background:linear-gradient(145deg,#177c55,#68c69f); }
.fb-avatar.tone-4 { background:linear-gradient(145deg,#805ad5,#b794f4); }
.fb-avatar.tone-5 { background:linear-gradient(145deg,#d17000,#f6ad55); }
.fb-avatar.tone-6 { background:linear-gradient(145deg,#216b8f,#69c0df); }
.fb-author-main {
  min-width:0;
  display:grid;
  gap:2px;
}
.fb-author-name {
  color:var(--fb-text);
  font-size:15px;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.fb-post-meta-row {
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--fb-muted);
  font-size:12px;
  min-width:0;
  flex-wrap:wrap;
}
.fb-meta-dot {
  width:3px;
  height:3px;
  border-radius:50%;
  background:currentColor;
  opacity:.7;
}
.fb-post-menu {
  width:34px;
  height:30px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--fb-muted);
  background:var(--fb-control);
  border:1px solid var(--fb-soft-line);
  font-weight:900;
  line-height:1;
}
.fb-post-body {
  padding:8px 16px 12px;
  line-height:1.5;
  font-size:15px;
  color:var(--fb-text);
  overflow-wrap:anywhere;
}
.fb-post-body p,
.fb-comment-text p {
  margin:0;
  white-space:pre-wrap;
}
.fb-post-body p + p {
  margin-top:10px;
}
.fb-empty-text {
  color:var(--fb-muted);
  font-style:italic;
}
.fb-media-grid {
  display:grid;
  gap:4px;
  padding:0 12px 12px;
}
.fb-media-grid a {
  display:block;
  min-height:0;
  border:1px solid var(--fb-soft-line);
  background:var(--fb-soft-bg);
  overflow:hidden;
}
.fb-media-grid img,
.fb-media-grid video {
  display:block;
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:contain;
  background:#071321;
}
.fb-media-count-1 { grid-template-columns:1fr; }
.fb-media-count-2,
.fb-media-count-3,
.fb-media-count-4 { grid-template-columns:repeat(2, minmax(0,1fr)); }
.fb-media-count-3 a:first-child { grid-row:span 2; }
.fb-engagement-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin:0 16px;
  padding:10px 0;
  border-top:1px solid var(--fb-soft-line);
  color:var(--fb-muted);
  font-size:13px;
}
.fb-reaction-summary {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.fb-reaction-cluster {
  display:inline-flex;
  align-items:center;
  padding-left:2px;
}
.fb-reaction-badge {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:19px;
  height:19px;
  border-radius:50%;
  border:2px solid var(--fb-card-bg);
  margin-left:-3px;
  box-shadow:0 1px 0 rgba(22,47,76,.14);
  font-size:11px;
  line-height:1;
  color:#fff;
}
.fb-reaction-cluster:empty { display:none; }
.fb-reaction-badge:first-child { margin-left:0; }
.fb-reaction-like { background:linear-gradient(145deg,#1b74e4,#64a6ff); }
.fb-reaction-love { background:linear-gradient(145deg,#e0245e,#ff7aa4); }
.fb-reaction-care { background:linear-gradient(145deg,#f2b33d,#ffd56f); }
.fb-reaction-haha { background:linear-gradient(145deg,#f7b928,#ffd972); }
.fb-reaction-wow { background:linear-gradient(145deg,#f7b928,#ffe07a); }
.fb-reaction-sad { background:linear-gradient(145deg,#f7b928,#8fc7ff); }
.fb-reaction-angry { background:linear-gradient(145deg,#e9710f,#f5533d); }
.fb-comment-count {
  white-space:nowrap;
}
.fb-action-row {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0 16px;
  padding:4px 0;
  border-top:1px solid var(--fb-soft-line);
}
.fb-action-row button {
  min-height:36px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--fb-muted);
  font:700 14px/1 "Segoe UI",system-ui,sans-serif;
  cursor:default;
}
.fb-action-row button:hover {
  background:var(--fb-control);
}
.fb-comments-section {
  padding:8px 16px 16px;
  border-top:1px solid var(--fb-soft-line);
}
.fb-comments-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}
.fb-comments-head h3 {
  margin:0;
  font-size:15px;
  color:var(--fb-text);
}
.fb-comments-head span {
  color:var(--fb-muted);
  font-size:12px;
  text-transform:capitalize;
}
.fb-comment-list {
  display:grid;
  gap:9px;
}
.fb-comment-item {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:8px;
  margin-left:calc(var(--comment-level, 0) * 28px);
  position:relative;
}
.fb-comment-item[style*="--comment-level: 1"]::before,
.fb-comment-item[style*="--comment-level: 2"]::before,
.fb-comment-item[style*="--comment-level: 3"]::before,
.fb-comment-item[style*="--comment-level: 4"]::before {
  content:"";
  position:absolute;
  left:-14px;
  top:-6px;
  bottom:10px;
  width:2px;
  border-radius:999px;
  background:var(--fb-soft-line);
}
.fb-comment-main {
  min-width:0;
}
.fb-comment-bubble {
  width:max-content;
  max-width:100%;
  border:1px solid var(--fb-soft-line);
  border-radius:16px;
  background:var(--fb-soft-bg);
  padding:8px 10px;
  box-shadow:0 3px 0 rgba(156,177,199,.3), inset 0 1px 0 rgba(255,255,255,.72);
}
.fb-comment-bubble strong {
  display:block;
  margin-bottom:3px;
  color:var(--fb-text);
  font-size:13px;
  line-height:1.25;
}
.fb-comment-text {
  color:var(--fb-text);
  font-size:14px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.fb-full-text {
  margin-top:6px;
}
.fb-full-text summary {
  width:max-content;
  max-width:100%;
  list-style:none;
  cursor:pointer;
  color:var(--fb-link);
  font-weight:800;
  font-size:13px;
  user-select:none;
}
.fb-full-text summary::-webkit-details-marker {
  display:none;
}
.fb-full-text-body {
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid var(--fb-soft-line);
}
.fb-full-text-body p + p {
  margin-top:8px;
}
.fb-comment-foot {
  display:flex;
  gap:12px;
  padding:3px 0 0 10px;
  color:var(--fb-muted);
  font-size:12px;
  font-weight:700;
}
.fb-comments-empty {
  border:1px dashed var(--fb-soft-line);
  border-radius:14px;
  padding:14px;
  color:var(--fb-muted);
  background:color-mix(in srgb,var(--fb-soft-bg) 72%, transparent);
}
html:not([data-theme="light"]) .social-capture-frame {
  --fb-stage-bg:#38495d;
  --fb-stage-line:#7d92ac;
  --fb-card-bg:#edf3f9;
  --fb-card-line:#9eb4cc;
  --fb-soft-bg:#dfe8f2;
  --fb-soft-line:#bdccdc;
  --fb-text:#10243a;
  --fb-muted:#5c7087;
  --fb-link:#185da0;
  --fb-control:#e4edf6;
}
.social-snapshot-view-shell {
  display:grid;
  gap:14px;
}
.social-snapshot-view-tabs {
  width:min(100%, 560px);
  margin:0 auto;
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  padding:4px 4px 8px;
  border:1px solid color-mix(in srgb,var(--line) 78%, #fff);
  border-radius:999px;
  background:var(--toggle-track-bg);
  box-shadow:var(--btn-shadow);
}
.social-snapshot-view-tabs::before {
  content:"";
  position:absolute;
  top:4px;
  left:4px;
  width:calc(50% - 4px);
  height:calc(100% - 12px);
  border-radius:999px;
  background:var(--toggle-pill-active-bg);
  box-shadow:var(--toggle-pill-active-shadow);
  transform:translateX(0);
  transition:transform .25s cubic-bezier(.34,1.2,.64,1);
  z-index:0;
}
.social-snapshot-view-shell[data-active-view="visual"] .social-snapshot-view-tabs::before {
  transform:translateX(100%);
}
.social-snapshot-view-tab {
  position:relative;
  z-index:1;
  min-height:40px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--toggle-pill-text);
  font:800 14px/1 "Segoe UI",system-ui,sans-serif;
  cursor:pointer;
  box-shadow:none;
}
.social-snapshot-view-tab.is-active {
  color:var(--toggle-pill-active-text);
}
.social-snapshot-view-pane[hidden] {
  display:none;
}
.social-capture-x {
  display:grid;
  gap:14px;
  border:1px solid var(--fb-stage-line);
  border-radius:18px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--fb-stage-bg) 92%, #fff), var(--fb-stage-bg));
  padding:14px;
  box-shadow:0 8px 0 rgba(156,177,199,.64), 0 18px 28px rgba(22,47,76,.14), inset 0 1px 0 rgba(255,255,255,.96);
}
.social-capture-bluesky {
  --fb-link:#1373d9;
}
.social-capture-bluesky .x-avatar {
  background:linear-gradient(145deg,#1284fe,#6cbcff);
}
.social-capture-reddit {
  --fb-link:#c64216;
}
.social-capture-reddit .x-avatar {
  background:linear-gradient(145deg,#ff4500,#ff8a3d);
}
.social-capture-instagram {
  --fb-link:#bc2a8d;
}
.social-capture-instagram .x-avatar {
  background:linear-gradient(145deg,#f58529,#dd2a7b 54%,#8134af);
}
.social-capture-threads {
  --fb-link:#111827;
}
.social-capture-threads .x-avatar {
  background:linear-gradient(145deg,#111827,#4b5563);
}
.x-capture-head,
.x-post-card {
  border:1px solid var(--fb-card-line);
  border-radius:16px;
  background:var(--fb-card-bg);
  box-shadow:0 6px 0 rgba(156,177,199,.48), inset 0 1px 0 rgba(255,255,255,.9);
}
.x-capture-head {
  display:grid;
  gap:4px;
  padding:12px 14px;
  background:linear-gradient(180deg, color-mix(in srgb,var(--fb-card-bg) 84%, var(--fb-stage-bg)), color-mix(in srgb,var(--fb-stage-bg) 88%, #fff));
}
.x-capture-kicker {
  color:var(--fb-link);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.x-capture-title {
  color:var(--fb-text);
  font-size:18px;
  font-weight:900;
  line-height:1.25;
  overflow-wrap:anywhere;
}
.x-capture-meta,
.x-author-main span,
.x-comment-subline {
  color:var(--fb-muted);
  font-size:13px;
}
.x-post-card {
  overflow:hidden;
}
.x-author-row,
.x-comment-item {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
}
.x-author-row {
  align-items:center;
  padding:14px 16px 8px;
}
.x-avatar {
  width:42px;
  height:42px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border:2px solid rgba(255,255,255,.86);
  color:#fff;
  background:linear-gradient(145deg,#111827,#4b5563);
  font-weight:900;
  font-size:13px;
  box-shadow:0 3px 0 rgba(90,111,134,.38), 0 8px 14px rgba(18,40,64,.14);
}
.x-avatar-sm {
  width:32px;
  height:32px;
  font-size:11px;
}
.x-author-main {
  min-width:0;
  display:grid;
  gap:2px;
}
.x-author-main strong,
.x-comment-bubble strong {
  color:var(--fb-text);
  font-size:15px;
  line-height:1.25;
}
.x-comment-subline {
  display:block;
  margin-top:2px;
  color:var(--fb-muted);
  font-size:12px;
  line-height:1.25;
}
.x-post-body,
.x-comment-text {
  color:var(--fb-text);
  line-height:1.5;
  overflow-wrap:anywhere;
}
.x-post-body {
  padding:8px 16px 12px;
  font-size:16px;
}
.x-comment-text {
  margin-top:6px;
  font-size:14px;
}
.x-post-body p,
.x-comment-text p,
.x-empty-text {
  margin:0;
  white-space:pre-wrap;
}
.x-post-body p + p,
.x-comment-text p + p {
  margin-top:8px;
}
.x-empty-text {
  color:var(--fb-muted);
  font-style:italic;
}
.x-media-grid,
.x-comment-media-grid {
  display:grid;
  gap:4px;
}
.x-media-grid {
  padding:0 12px 12px;
}
.x-comment-media-grid {
  margin-top:8px;
}
.x-media-grid a,
.x-comment-media-grid a {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:0;
  border:1px solid var(--fb-soft-line);
  background:var(--fb-soft-bg);
  overflow:hidden;
  border-radius:12px;
}
.x-media-grid img,
.x-media-grid video,
.x-comment-media-grid img,
.x-comment-media-grid video {
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  max-height:520px;
  object-fit:contain;
  background:#071321;
}
.x-comment-media-grid img,
.x-comment-media-grid video {
  max-height:360px;
}
.x-media-count-1 { grid-template-columns:1fr; }
.x-media-count-2,
.x-media-count-3,
.x-media-count-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.x-metrics-row {
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
  margin:0 16px;
  padding:10px 0;
  border-top:1px solid var(--fb-soft-line);
  color:var(--fb-muted);
  font-size:13px;
}
.x-metrics-row strong {
  color:var(--fb-text);
}
.x-comments-section {
  padding:8px 16px 16px;
  border-top:1px solid var(--fb-soft-line);
}
.x-comments-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:10px;
}
.x-comments-head h3 {
  margin:0;
  font-size:15px;
  color:var(--fb-text);
}
.x-comments-head span {
  color:var(--fb-muted);
  font-size:12px;
}
.x-comment-list {
  display:grid;
  gap:10px;
}
.x-comment-item {
  margin-left:calc(var(--comment-level, 0) * 26px);
  position:relative;
}
.x-comment-item[style*="--comment-level: 1"]::before,
.x-comment-item[style*="--comment-level: 2"]::before,
.x-comment-item[style*="--comment-level: 3"]::before,
.x-comment-item[style*="--comment-level: 4"]::before {
  content:"";
  position:absolute;
  left:-13px;
  top:-8px;
  bottom:8px;
  width:2px;
  border-radius:999px;
  background:var(--fb-soft-line);
}
.x-comment-bubble {
  border:1px solid var(--fb-soft-line);
  border-radius:16px;
  background:var(--fb-soft-bg);
  padding:9px 11px;
  box-shadow:0 3px 0 rgba(156,177,199,.3), inset 0 1px 0 rgba(255,255,255,.72);
}
.x-comment-bubble .x-metrics-row {
  margin:8px 0 0;
  padding:8px 0 0;
}
.x-comments-empty {
  border:1px dashed var(--fb-soft-line);
  border-radius:14px;
  padding:14px;
  color:var(--fb-muted);
  background:color-mix(in srgb,var(--fb-soft-bg) 72%, transparent);
}

@media (max-width:980px) {
  .wrap { width:min(1120px,96vw); padding:14px 0 40px; }
  .top { grid-template-columns:1fr; align-items:flex-start; gap:10px; padding:0; }
  .top-middle { width:100%; justify-content:flex-start; }
  .top-actions { width:100%; justify-content:flex-start; }
  .top-home .brand-line > strong { font-size:24px; }
  .card { padding:14px; border-radius:14px; }
  .job-status-card { padding:18px 18px 20px; border-radius:18px; }
  .job-progress-wrap { padding:12px; border-radius:16px; }
  .job-review-panel { align-items:stretch; flex-direction:column; }
  .job-review-actions { justify-content:flex-start; }
  .job-events-box { padding:12px; border-radius:14px; }
  .sticky-shell { position:static; padding-top:6px; background:transparent; backdrop-filter:none; }
  .sticky-toggle-btn { display:none !important; }
  .viewer-head-main { grid-template-columns:1fr; }
  .viewer-info-panel,
  .viewer-control-panel { min-width:0; }
  .viewer-action-text { justify-content:flex-start; }
  .viewer-action-url { grid-template-columns:1fr; }
  .viewer-action-url .timeline-link-btn,
  .viewer-action-url .evidence-package-btn,
  .viewer-action-url .wacz-download-btn,
  .viewer-action-url .pdf-download-btn { grid-column:1 / -1; }
  .viewer-inline-item { padding:8px 10px; }
  .viewer-inline-item:first-child { padding-left:10px; }
  .viewer-meta-line { display:grid; gap:4px; }
  .viewer-meta-value { white-space:normal; overflow-wrap:anywhere; }
  .viewer-url-switch-row { flex-wrap:wrap; }
  .viewer-url-kind-toggle { width:100%; }
  .viewer-url-kind-option { flex:1; text-align:center; }
  .evidence-view-toggle { width:100%; }
  .evidence-view-option { flex:1; text-align:center; }
  .viewer-url-value-wrap { width:100%; }
  .text-mode-option { min-width:132px; padding:8px 12px; }
  .home-segment-option { min-width:112px; padding:7px 9px; }
  .pill { width:100%; max-width:100%; }
  .pill-value { white-space:normal; overflow-wrap:anywhere; }
  .urlbar { flex-direction:column; }
  .urlbar .btn { width:100%; }
  .quick-archive-modal { top:18px; right:12px; width:calc(100vw - 24px); padding:16px; gap:12px; }
  .quick-archive-title { font-size:24px; }
  .quick-archive-head { margin-bottom:4px; }
  .quick-archive-head [data-close='1'] { top:0; right:0; }
  .timeline-modal { top:18px; width:calc(100vw - 24px); max-height:calc(100vh - 24px); }
  .timeline-modal-snap { flex-direction:column; align-items:flex-start; }
  .quick-archive-row { flex-direction:column; }
  .quick-archive-row .btn { width:100%; }
  .quick-url-row { grid-template-columns:minmax(0,1fr) 34px; gap:8px; }
  .quick-control-grid { grid-template-columns:1fr; }
  .quick-control-group { align-items:stretch; }
  .quick-control-group .mode-label { width:100%; }
  .quick-segment-toggle { min-width:0; width:100%; }
  .quick-submit-row { grid-template-columns:1fr; }
  .quick-submit-row .btn { width:100%; }
  .quick-queue-row { flex-direction:column; align-items:stretch; }
  .quick-queue-row .btn { width:100%; }
  .quick-queue-links { width:100%; }
  .quick-review-actions { grid-template-columns:1fr; }
  .quick-review-actions .btn { width:100%; }
  .quick-queue-meta { display:flex; flex-direction:column; align-items:flex-start; }
  .quick-queue-url-wrap { max-width:100%; }
  .quick-queue-url { max-width:100%; }
  .quick-queue-url .pill-value { max-width:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
  .quick-queue-actions { justify-content:stretch; }
  .quick-queue-actions .btn { width:100%; min-width:0; }
  .quick-archive-widget { right:16px; bottom:16px; }
  .home-queue-foot { flex-direction:column; align-items:stretch; }
  .home-queue-foot .btn { width:100%; text-align:center; }
  .mode-pick { gap:6px; }
  .url-list { max-height:180px; }

  .home-hero-card { padding:26px 16px 22px; border-radius:22px; }
  .home-hero-card h2 { font-size:34px; }
  .home-action-row { flex-direction:column; gap:10px; }
  .home-hero-hint { font-size:16px; }
  .home-archive-form { display:flex; flex-direction:column; gap:12px; }
  .home-archive-urlbar { width:100%; flex:1 1 auto; border-radius:999px; }
  .home-archive-submit { width:100%; min-width:0; min-height:50px; }
  .home-latest-panel { width:100%; margin:12px auto 18px; border-radius:22px; }
  .home-latest-actions { width:100%; justify-content:space-between; }
  .home-latest-view-tabs { width:100%; }
  .latest-view-tab { flex:1; }
  .calendar-grid { gap:6px; }
  .calendar-day { min-height:60px; }
  .home-footer { margin:0; margin-top:auto; border:1px solid var(--line); border-radius:18px; padding:14px; justify-content:center; align-items:center; text-align:center; }

}
@media (max-width:680px) {
  .brand-mark { width:40px; height:40px; }
  .brand-text > strong, .brand-line > strong { font-size:24px; }
  .top-home .brand-line > strong { font-size:22px; }
  .brand-text > span { font-size:12px; }
  .brand-subline { flex-wrap:wrap; row-gap:4px; }
  .brand-subline > span:first-child { white-space:normal; overflow:visible; text-overflow:clip; }
  .beta-badge { font-size:9px; padding:3px 6px; }
  h2 { font-size:18px; }
  .hint { font-size:14px; }
  .viewer-shell { padding:6px; border-radius:10px; }
  .replay-mount {
    min-width:680px;
    min-height:620px;
    height:max(620px, calc(100vh - 120px));
    border-radius:10px;
  }
  .replay-webpage-embed { min-height:620px; }
  .pdf-replay-embed { min-height:620px; }
  .local-replay-embed { min-height:620px; }
  .top-middle, .top-actions { display:grid; grid-template-columns:1fr 1fr; width:100%; gap:8px; }
  .top-middle .btn, .top-actions .btn { width:100%; justify-content:center; min-height:36px; }
  .top-actions .plain-toggle-control { width:auto; min-height:0; justify-self:end; }
  .theme-toggle-btn { height:auto; }
  .theme-toggle-text { display:none; }
  .viewer-action-text { align-items:stretch; }
  .viewer-switch-toggle { justify-content:flex-start; }
  .text-mode-toggle { width:100%; }
  .text-mode-option { flex:1; min-width:0; }
  .home-hero-card { padding:24px 14px 20px; }
  .home-hero-card h2 { font-size:30px; }
  .home-archive-form { gap:10px; }
  .home-archive-urlbar { padding:4px; }
  .home-archive-urlbar input[type=url] { padding:14px 14px 12px; }
  .home-archive-form .btn { min-height:46px; }
  .home-section-heading h2 { font-size:28px; }
  .jump-rail, .jump-hitbox { width:32px; }
  .jump-rail a { width:28px; height:18px; font-size:10px; }
}


/* Home light-theme cleanup */
html[data-theme="light"] .home-hero-card,
html[data-theme="light"] .home-latest-panel,
html[data-theme="light"] .home-latest-calendar,
html[data-theme="light"] .latest-card,
html[data-theme="light"] .calendar-day,
html[data-theme="light"] .home-queue-tile,
html[data-theme="light"] .home-promote-old,
html[data-theme="light"] .home-archive-urlbar {
  border-color:var(--line) !important;
}
html[data-theme="light"] .home-footer {
  border-top-color:var(--line);
  background:linear-gradient(180deg,#f7f9f9,#ffedf3);
}
html:not([data-theme="light"]) .home-hero-card {
  background:linear-gradient(180deg, rgba(31,32,40,.94), rgba(20,21,28,.98));
  border-color:#30323b;
  box-shadow:0 10px 0 rgba(0,0,0,.42), 0 22px 36px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04);
}
html:not([data-theme="light"]) .home-hero-hint,
html:not([data-theme="light"]) .home-hero-note,
html:not([data-theme="light"]) .home-feedback {
  color:#d5e0ec;
}
html:not([data-theme="light"]) .home-archive-urlbar {
  border-color:#343641;
  background:linear-gradient(180deg, rgba(32,33,42,.96), rgba(23,24,32,.96));
  box-shadow:12px 0 22px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.05);
}
html:not([data-theme="light"]) .home-archive-urlbar input[type=url] {
  color:#f2f6fb;
}
html:not([data-theme="light"]) .home-archive-urlbar input[type=url]::placeholder {
  color:#c0ccd8;
}
html:not([data-theme="light"]) .viewer-meta-card,
html:not([data-theme="light"]) .viewer-stage-card {
  box-shadow:0 10px 0 rgba(103,122,148,.78), 0 24px 34px rgba(3,10,18,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
html:not([data-theme="light"]) .job-status-card {
  background:linear-gradient(180deg, #1c1d25, #15161d);
  border-color:#30323d;
  box-shadow:0 10px 0 rgba(0,0,0,.38), 0 24px 34px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.05);
}
html:not([data-theme="light"]) .job-status-kicker {
  background:linear-gradient(180deg, rgba(48,50,61,.98), rgba(36,38,48,.98));
  border-color:#484b5a;
  box-shadow:0 8px 0 rgba(0,0,0,.36), 0 18px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
}
html:not([data-theme="light"]) .job-live-pill {
  background:linear-gradient(180deg, rgba(229,238,248,.98), rgba(212,224,239,.98));
  border-color:#9cb4cf;
  box-shadow:0 6px 0 rgba(126,147,173,.62), 0 10px 14px rgba(3,10,18,.12), inset 0 1px 0 rgba(255,255,255,.92);
}
html:not([data-theme="light"]) .job-live-pill-label {
  border-right-color:#c0cad8;
  color:#62758e;
}
html:not([data-theme="light"]) .job-live-pill-value {
  color:#1d3550;
}
html:not([data-theme="light"]) .job-live-pill.is-progress .job-live-pill-value {
  color:#326795;
}
html:not([data-theme="light"]) .job-live-pill.is-mode .job-live-pill-value {
  color:#5d728f;
}
html:not([data-theme="light"]) .job-live-note {
  color:#edf4fb;
}
html:not([data-theme="light"]) .job-live-note.is-error {
  color:#ffc2cc;
}
html:not([data-theme="light"]) .job-evidence-policy-note {
  color:#f2d8ff;
  background:linear-gradient(180deg, rgba(57,43,64,.98), rgba(42,35,50,.98));
  border-color:#70517a;
  box-shadow:0 5px 0 rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.05);
}
html:not([data-theme="light"]) .status-running .job-live-pill.is-status {
  border-color:#98ddb5;
  background:linear-gradient(180deg, rgba(233,252,241,.98), rgba(215,245,227,.98));
}
html:not([data-theme="light"]) .status-succeeded .job-live-pill.is-status {
  border-color:#98ddb5;
  background:linear-gradient(180deg, rgba(233,252,241,.98), rgba(215,245,227,.98));
}
html:not([data-theme="light"]) .status-awaiting-review .job-live-pill.is-status {
  border-color:#9ec9ef;
  background:linear-gradient(180deg, rgba(234,245,255,.98), rgba(210,231,249,.98));
}
html:not([data-theme="light"]) .status-failed .job-live-pill.is-status {
  border-color:#e0a4b3;
  background:linear-gradient(180deg, rgba(255,238,242,.98), rgba(249,219,227,.98));
}
html:not([data-theme="light"]) .job-progress-wrap,
html:not([data-theme="light"]) .job-events-box {
  background:linear-gradient(180deg, rgba(43,45,56,.98), rgba(32,34,44,.98));
  border-color:#4a4d5c;
  box-shadow:0 8px 0 rgba(0,0,0,.36), 0 18px 24px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}
html:not([data-theme="light"]) .job-review-panel {
  background:linear-gradient(180deg, rgba(43,48,60,.98), rgba(33,38,48,.98));
  border-color:#52677f;
  box-shadow:0 8px 0 rgba(0,0,0,.34), 0 18px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);
}
html:not([data-theme="light"]) .job-review-title {
  color:#b8d7f6;
}
html:not([data-theme="light"]) .job-review-message {
  color:#edf4fb;
}
html:not([data-theme="light"]) .job-review-message.is-error {
  color:#ffc2cc;
}
html:not([data-theme="light"]) .job-review-reject {
  background:#3b2029;
  color:#ffd4dc;
  border-color:#8f5260;
}
html:not([data-theme="light"]) .review-leave-backdrop {
  background:rgba(4,8,15,.58);
}
html:not([data-theme="light"]) .review-leave-modal {
  background:linear-gradient(180deg, rgba(43,48,60,.98), rgba(33,38,48,.98));
  border-color:#52677f;
  box-shadow:0 12px 0 rgba(0,0,0,.36), 0 28px 44px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06);
}
html:not([data-theme="light"]) .review-leave-message {
  color:#edf4fb;
}
html:not([data-theme="light"]) .job-progress-track {
  border-color:#575b6b;
  background:linear-gradient(180deg, rgba(24,26,34,.98), rgba(18,20,27,.98));
}
html:not([data-theme="light"]) .job-events-label {
  color:#b9cee3;
}
html:not([data-theme="light"]) .status-queued { color:#d8e5f3; }
html:not([data-theme="light"]) .status-succeeded { color:#8fe0ab; }
html:not([data-theme="light"]) .status-failed { color:#ffb5be; }
html:not([data-theme="light"]) .status-rejected { color:#ffb5be; }
html:not([data-theme="light"]) .viewer-title-cell.viewer-meta-line {
  border-bottom-color:#476a8b;
}
html:not([data-theme="light"]) .viewer-url-cell,
html:not([data-theme="light"]) .viewer-inline-item,
html:not([data-theme="light"]) .viewer-action-text,
html:not([data-theme="light"]) .viewer-action-url,
html:not([data-theme="light"]) .url-view-panel,
html:not([data-theme="light"]) .viewer-shell {
  background:linear-gradient(180deg, rgba(77,92,112,.96), rgba(56,69,87,.96));
  border-color:#7d92ac;
  box-shadow:0 8px 0 rgba(117,136,161,.7), 0 18px 24px rgba(3,10,18,.2), inset 0 1px 0 rgba(255,255,255,.08);
}
html:not([data-theme="light"]) #text-view-panel {
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}
html:not([data-theme="light"]) .viewer-meta-key {
  color:#a9bfd6;
}
html:not([data-theme="light"]) .viewer-switch-toggle {
  color:#eef5ff;
}
html:not([data-theme="light"]) .canvas-shell {
  border-color:#8ea4bd;
  box-shadow:0 8px 0 rgba(104,123,148,.72), 0 18px 28px rgba(0,0,0,.32);
}
html:not([data-theme="light"]) .home-latest-panel {
  background:linear-gradient(180deg,#171820,#101116);
  border-color:#30323b;
  box-shadow:0 10px 0 rgba(0,0,0,.38), 0 22px 36px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04);
}
html:not([data-theme="light"]) .home-latest-head {
  border-bottom-color:#30323b;
}
html:not([data-theme="light"]) .latest-card,
html:not([data-theme="light"]) .home-queue-tile,
html:not([data-theme="light"]) .home-promote-old,
html:not([data-theme="light"]) .home-latest-calendar,
html:not([data-theme="light"]) .calendar-popup,
html:not([data-theme="light"]) .calendar-popup-item {
  background:linear-gradient(180deg, rgba(32,33,42,.96), rgba(23,24,32,.96));
  border-color:#343641;
  box-shadow:0 8px 0 rgba(0,0,0,.34), 0 18px 24px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
}
html:not([data-theme="light"]) .calendar-popup {
  background:linear-gradient(180deg, rgba(36,37,45,1), rgba(23,24,32,1));
  border-color:#3a3b45;
  box-shadow:0 10px 0 rgba(0,0,0,.4), 0 24px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
}
html:not([data-theme="light"]) .calendar-popup-item {
  background:linear-gradient(180deg, rgba(42,43,53,.98), rgba(29,30,39,.96));
  border-color:#444651;
  box-shadow:0 8px 0 rgba(0,0,0,.34), 0 16px 20px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05);
}
html:not([data-theme="light"]) .latest-card-placeholder {
  background:linear-gradient(180deg, rgba(36,37,45,.94), rgba(29,30,39,.94));
  border-color:#343641;
  opacity:.9;
}
html:not([data-theme="light"]) .latest-card-thumb,
html:not([data-theme="light"]) .home-queue-url {
  border-color:#343641;
}
html:not([data-theme="light"]) .calendar-nav-btn {
  background:var(--btn-dark-bg);
  border-color:transparent;
  color:var(--btn-dark-text);
  box-shadow:var(--btn-shadow);
}
html:not([data-theme="light"]) .calendar-nav-btn:hover,
html:not([data-theme="light"]) .calendar-nav-btn:focus-visible {
  background:color-mix(in srgb,var(--btn-dark-bg) 90%, #fff);
  color:var(--btn-dark-text);
  box-shadow:var(--btn-shadow-pressed);
}
html:not([data-theme="light"]) .home-queue-url {
  background:rgba(16,17,22,.58);
}
html:not([data-theme="light"]) .home-queue-state {
  background:rgba(48,35,45,.72);
  border-color:rgba(242,48,113,.35);
  color:#fff7fb;
}
html:not([data-theme="light"]) .home-queue-evidence {
  background:rgba(48,35,45,.72);
  border-color:rgba(242,48,113,.35);
  color:#ffdce7;
}
html:not([data-theme="light"]) .home-queue-pdf {
  background:rgba(28,39,54,.74);
  border-color:rgba(122,168,216,.42);
  color:#ddecff;
}
html:not([data-theme="light"]) .calendar-day {
  background:linear-gradient(180deg, rgba(36,37,45,.95), rgba(29,30,39,.95));
  border-color:#3a3b45;
  box-shadow:7px 0 0 rgba(0,0,0,.32), 14px 0 18px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
}
html:not([data-theme="light"]) .calendar-day.has-entries {
  background:linear-gradient(180deg, rgba(48,35,45,.96), rgba(32,25,33,.96));
  box-shadow:8px 0 0 rgba(184,0,76,.32), 16px 0 22px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04);
}
html:not([data-theme="light"]) .calendar-day-link {
  color:#e0ebf7;
}
html:not([data-theme="light"]) .calendar-day-link:hover,
html:not([data-theme="light"]) .calendar-day-link:focus-visible {
  color:#ffffff;
}
html:not([data-theme="light"]) .home-soft-btn {
  background:var(--btn-dark-bg);
  border-color:transparent;
  color:var(--btn-dark-text);
  box-shadow:var(--btn-shadow);
}
html:not([data-theme="light"]) .timeline-link-btn.btn-disabled {
  background:color-mix(in srgb,var(--btn-dark-bg) 92%, #eef4fb);
  border-color:var(--btn-dark-line);
  color:var(--btn-dark-text);
  box-shadow:var(--btn-shadow);
}
html:not([data-theme="light"]) .home-soft-btn:hover,
html:not([data-theme="light"]) .home-soft-btn:focus-visible {
  background:var(--btn-dark-bg);
  color:var(--btn-dark-text);
  box-shadow:var(--btn-shadow-pressed);
}
html:not([data-theme="light"]) .home-footer {
  border-top-color:#30323b;
  background:linear-gradient(180deg, rgba(20,21,28,.96), rgba(15,16,21,.98));
}

/* Targeted color cleanup: borderless surfaces and screenshot-matched controls. */
*,
*::before,
*::after {
  border-color:transparent !important;
  outline:0 !important;
}

:root {
  --btn-dark-bg:#7d0034;
  --btn-dark-text:#ffffff;
  --btn-dark-line:transparent;
  --home-action-btn-bg:#7d0034;
  --home-action-btn-hover-bg:#7d0034;
  --home-action-btn-text:#ffffff;
  --home-intent-hover-bg:#7d0034;
  --home-intent-hover-border:transparent;
  --toggle-track-bg:#7d0034;
  --toggle-track-border:transparent;
  --toggle-pill-bg:#7d0034;
  --toggle-pill-border:transparent;
  --toggle-pill-text:#ffffff;
  --toggle-pill-active-bg:#d0004b;
  --toggle-pill-active-border:transparent;
  --toggle-pill-active-text:#ffffff;
  --btn-shadow:0 6px 0 #c80052, 0 12px 18px rgba(0,0,0,.22);
  --btn-shadow-pressed:0 3px 0 #c80052, 0 8px 14px rgba(0,0,0,.18);
  --btn-primary-shadow:0 6px 0 #c80052, 0 12px 18px rgba(0,0,0,.22);
  --btn-primary-shadow-pressed:0 3px 0 #c80052, 0 8px 14px rgba(0,0,0,.18);
  --toggle-pill-active-shadow:0 4px 0 #ff4f7e, 0 9px 14px rgba(0,0,0,.2);
}

html[data-theme="light"] {
  --btn-dark-bg:#ffc9d6;
  --btn-dark-text:#071a32;
  --btn-dark-line:transparent;
  --home-action-btn-bg:#ffc9d6;
  --home-action-btn-hover-bg:#ffc9d6;
  --home-action-btn-text:#071a32;
  --home-intent-hover-bg:#ffc9d6;
  --home-intent-hover-border:transparent;
  --toggle-track-bg:#ffdce6;
  --toggle-track-border:transparent;
  --toggle-pill-bg:#ffdce6;
  --toggle-pill-border:transparent;
  --toggle-pill-text:#071a32;
  --toggle-pill-active-bg:#ffc2d0;
  --toggle-pill-active-border:transparent;
  --toggle-pill-active-text:#071a32;
  --btn-shadow:0 6px 0 #c80052, 0 12px 18px rgba(14,34,59,.1);
  --btn-shadow-pressed:0 3px 0 #c80052, 0 8px 14px rgba(14,34,59,.08);
  --btn-primary-shadow:0 6px 0 #c80052, 0 12px 18px rgba(14,34,59,.1);
  --btn-primary-shadow-pressed:0 3px 0 #c80052, 0 8px 14px rgba(14,34,59,.08);
  --toggle-pill-active-shadow:0 5px 0 #ee9caf, 0 10px 14px rgba(42,73,108,.1);
}

.btn-dark,
.btn-primary,
.top-secondary-btn,
.new-archive-btn,
.home-soft-btn,
.home-action-btn,
.calendar-nav-btn,
.calendar-popup-open {
  background:var(--btn-dark-bg) !important;
  color:var(--btn-dark-text) !important;
}

.btn-dark:hover,
.btn-dark:focus-visible,
.btn-primary:hover,
.btn-primary:focus-visible,
.top-secondary-btn:hover,
.top-secondary-btn:focus-visible,
.new-archive-btn:hover,
.new-archive-btn:focus-visible,
.home-soft-btn:hover,
.home-soft-btn:focus-visible,
.home-action-btn:hover,
.home-action-btn:focus-visible,
.calendar-nav-btn:hover,
.calendar-nav-btn:focus-visible,
.calendar-popup-open:hover,
.calendar-popup-open:focus-visible {
  background:var(--btn-dark-bg) !important;
  color:var(--btn-dark-text) !important;
  filter:none !important;
}

.home-segment-toggle,
.home-capture-slider,
.home-latest-view-tabs,
.viewer-url-kind-toggle,
.text-mode-toggle,
.evidence-view-toggle,
.social-snapshot-view-tabs {
  background:var(--toggle-track-bg) !important;
}

.home-segment-toggle::before,
.home-capture-slider::before,
.home-latest-view-tabs::before,
.viewer-url-kind-toggle::before,
.text-mode-toggle::before,
.evidence-view-toggle::before,
.social-snapshot-view-tabs::before {
  background:var(--toggle-pill-active-bg) !important;
  box-shadow:var(--toggle-pill-active-shadow) !important;
}

.home-segment-option,
.home-capture-slider > span,
.latest-view-tab,
.viewer-url-kind-option,
.text-mode-option,
.evidence-view-option,
.social-snapshot-view-tab {
  color:var(--toggle-pill-text) !important;
}

.home-segment-toggle[data-active="archive"] .home-segment-option[data-value="archive"],
.home-segment-toggle[data-active="timeline"] .home-segment-option[data-value="timeline"],
.home-segment-toggle[data-active="speed"] .home-segment-option[data-value="speed"],
.home-segment-toggle[data-active="completeness"] .home-segment-option[data-value="completeness"],
.quick-segment-toggle[data-active="image"] .home-segment-option[data-value="image"],
.quick-segment-toggle[data-active="full"] .home-segment-option[data-value="full"],
.home-capture-switch input:not(:checked) + .home-capture-slider > span:first-child,
.home-capture-switch input:checked + .home-capture-slider > span:last-child,
.home-latest-view-tabs[data-active="cards"] .latest-view-tab[data-view="cards"],
.home-latest-view-tabs[data-active="calendar"] .latest-view-tab[data-view="calendar"],
.viewer-url-kind-toggle[data-active="archived"] .viewer-url-kind-option[data-kind="archived"],
.viewer-url-kind-toggle[data-active="original"] .viewer-url-kind-option[data-kind="original"],
.text-mode-toggle[data-mode="main"] .text-mode-option[data-mode="main"],
.text-mode-toggle[data-mode="legacy"] .text-mode-option[data-mode="legacy"],
.evidence-view-toggle[data-active="replay"] .evidence-view-option[data-view="replay"],
.evidence-view-toggle[data-active="visual"] .evidence-view-option[data-view="visual"] {
  color:var(--toggle-pill-active-text) !important;
}

.social-snapshot-view-tab.is-active {
  color:var(--toggle-pill-active-text) !important;
}

.theme-switch {
  background:var(--toggle-track-bg) !important;
}

.theme-switch::before {
  background:var(--toggle-track-bg) !important;
}

.theme-switch::after,
.theme-switch-knob {
  background:var(--toggle-pill-active-bg) !important;
  box-shadow:var(--toggle-pill-active-shadow) !important;
}

.theme-toggle-btn:hover .theme-switch,
.theme-toggle-btn:focus-visible .theme-switch {
  transform:none !important;
  box-shadow:var(--btn-shadow) !important;
}

html:not([data-theme="light"]) .theme-switch {
  box-shadow:var(--btn-shadow) !important;
}

html:not([data-theme="light"]) .theme-toggle-btn:hover .theme-switch,
html:not([data-theme="light"]) .theme-toggle-btn:focus-visible .theme-switch {
  transform:none !important;
  box-shadow:var(--btn-shadow) !important;
}

html:not([data-theme="light"]) .viewer-meta-card,
html:not([data-theme="light"]) .viewer-stage-card,
html:not([data-theme="light"]) .viewer-url-cell,
html:not([data-theme="light"]) .viewer-inline-item,
html:not([data-theme="light"]) .viewer-action-text,
html:not([data-theme="light"]) .viewer-action-url,
html:not([data-theme="light"]) .url-view-panel,
html:not([data-theme="light"]) .viewer-shell {
  background:linear-gradient(180deg, rgba(29,30,39,.98), rgba(17,18,24,.98)) !important;
  box-shadow:0 8px 0 rgba(0,0,0,.42), 0 18px 26px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html:not([data-theme="light"]) .social-snapshot-view-tabs {
  background:var(--toggle-track-bg) !important;
  box-shadow:var(--btn-shadow) !important;
}

html:not([data-theme="light"]) .viewer-stage-card {
  background:linear-gradient(180deg, rgba(22,23,31,.98), rgba(13,14,20,.98)) !important;
}

html:not([data-theme="light"]) .canvas-shell {
  background:#111218 !important;
  box-shadow:0 8px 0 rgba(0,0,0,.44), 0 18px 28px rgba(0,0,0,.32) !important;
}

html:not([data-theme="light"]) .social-capture-frame {
  --fb-stage-bg:#12141b;
  --fb-stage-line:transparent;
  --fb-card-bg:#1b1e28;
  --fb-card-line:transparent;
  --fb-soft-bg:#252a35;
  --fb-soft-line:transparent;
  --fb-text:#f4f7fb;
  --fb-muted:#a9b2c0;
  --fb-link:#ff6f9a;
  --fb-control:#222733;
}

html:not([data-theme="light"]) .social-capture-x,
html:not([data-theme="light"]) .x-capture-head,
html:not([data-theme="light"]) .x-post-card,
html:not([data-theme="light"]) .x-comment-bubble,
html:not([data-theme="light"]) .fb-comment-bubble,
html:not([data-theme="light"]) .fb-comments-empty {
  box-shadow:0 6px 0 rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

html[data-theme="light"] .latest-card-source-pill {
  background:linear-gradient(180deg, #fff, #f5edf4) !important;
  color:#6c294d !important;
  box-shadow:0 0 0 1px rgba(125,0,52,.16), 0 2px 5px rgba(72,30,58,.08), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

html[data-theme="light"] .latest-card-source-platform {
  background:linear-gradient(180deg, #fff, #ffe4ee) !important;
  color:#7d0034 !important;
  box-shadow:0 0 0 1px rgba(125,0,52,.18), 0 2px 5px rgba(72,30,58,.09), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

/* Responsive/mobile polish for core archiver workflows */
@media (max-width:760px) {
  body { overflow-x:hidden; }
  .wrap,
  .wrap-viewer {
    width:calc(100% - 24px);
    padding-top:12px;
    padding-bottom:32px;
  }
  .home-page .wrap { min-height:100dvh; }
  .top {
    gap:10px;
    margin-bottom:12px;
    padding:0 0 12px;
  }
  .brand,
  .brand-text,
  .brand-line {
    max-width:100%;
    min-width:0;
  }
  .brand-line {
    flex-wrap:wrap;
    row-gap:4px;
  }
  .brand-line > strong {
    line-height:1.05;
    overflow-wrap:anywhere;
  }
  .brand-hosted-copy { font-size:12px; }
  .top-middle,
  .top-actions {
    align-items:stretch;
  }
  .top-middle .btn,
  .top-actions .btn {
    min-width:0;
    padding-inline:12px;
  }
  .home-hero-card {
    margin-top:0;
    padding:20px 12px 18px;
    border-radius:18px;
  }
  .home-hero-card h2 {
    font-size:32px;
    letter-spacing:0;
  }
  .home-hero-hint {
    font-size:15px;
    line-height:1.42;
  }
  .home-action-row {
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
    justify-items:stretch;
    gap:10px;
  }
  .home-action-row .mode-pick,
  .home-intent-toggle,
  .home-capture-toggle,
  .home-page-pdf-toggle {
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    justify-content:stretch;
    justify-items:stretch;
    gap:6px;
  }
  .mode-label {
    width:100%;
    text-align:left;
    padding-left:2px;
  }
  .home-segment-toggle,
  .home-capture-slider,
  .home-latest-view-tabs,
  .text-mode-toggle,
  .viewer-url-kind-toggle,
  .evidence-view-toggle {
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .home-segment-option,
  .home-capture-slider > span,
  .latest-view-tab,
  .text-mode-option,
  .viewer-url-kind-option,
  .evidence-view-option {
    width:100%;
    min-width:0;
    padding-inline:8px;
    text-align:center;
  }
  .home-page-pdf-option { width:100%; }
  .home-latest-panel {
    padding:16px 12px 14px;
    border-radius:18px;
  }
  .home-latest-head {
    display:grid;
    align-items:start;
    gap:12px;
  }
  .home-section-heading h2 { font-size:28px; }
  .home-latest-actions {
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .home-latest-actions .btn { width:100%; }
  .home-latest-grid {
    grid-template-columns:1fr;
    gap:14px;
  }
  .home-latest-calendar {
    padding:12px;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .calendar-head {
    min-width:600px;
    align-items:center;
  }
  .calendar-grid {
    min-width:600px;
    gap:6px;
  }
  .calendar-title { font-size:20px; }
  .calendar-popup-shell {
    padding:12px;
    overflow:auto;
  }
  .calendar-popup {
    width:100%;
    max-height:calc(100dvh - 24px);
    border-radius:18px;
    padding:14px;
  }
  .calendar-popup-item {
    display:grid;
    gap:10px;
    align-items:start;
  }
  .quick-archive-modal {
    inset:12px;
    width:auto;
    max-height:calc(100dvh - 24px);
    padding:14px;
    border-radius:14px;
  }
  .quick-archive-head {
    padding-right:42px;
  }
  .quick-archive-title { font-size:24px; }
  .quick-section-head {
    display:grid;
    gap:4px;
  }
  .quick-queue-list { max-height:none; }
  .quick-archive-widget {
    right:12px;
    bottom:12px;
    width:calc(100vw - 24px);
  }
  .job-status-card h1,
  .viewer-title-cell .viewer-meta-value {
    font-size:22px;
    letter-spacing:0;
  }
  .job-progress-meta {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .job-live-pill {
    width:100%;
    min-width:0;
    justify-content:flex-start;
  }
  .job-review-panel {
    padding:12px;
    gap:10px;
  }
  .job-review-actions {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }
  .job-review-actions .btn {
    width:100%;
    min-width:0;
  }
  .viewer-head { gap:10px; }
  .viewer-head-main { gap:12px; }
  .viewer-action-url,
  .viewer-url-switch-row {
    padding:10px;
    border-radius:14px;
  }
  .viewer-url-switch-row {
    display:grid;
    grid-template-columns:1fr;
  }
  .viewer-url-value-wrap {
    display:grid;
    grid-template-columns:minmax(0,1fr) 34px;
  }
  .viewer-meta-inline {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .viewer-inline-item { min-width:0; }
  .viewer-action-url { gap:10px; }
  .evidence-view-option,
  .text-mode-option {
    white-space:normal;
  }
  .replay-mount.pdf-replay-mount,
  .replay-mount.local-replay-mount {
    min-width:0;
    width:100%;
    height:max(620px, calc(100dvh - 140px));
  }
  .replay-mount.pdf-mobile-fallback-mount {
    height:auto;
    min-height:0;
  }
  .pdf-mobile-fallback {
    min-height:280px;
    padding:22px 14px;
  }
  .pdf-mobile-fallback h2 {
    font-size:22px;
  }
  .pdf-mobile-fallback-actions {
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .pdf-replay-embed,
  .local-replay-embed {
    min-height:620px;
  }
  .hudoc-case-panel {
    padding:14px;
  }
  .hudoc-case-head h2 {
    font-size:20px;
    letter-spacing:0;
  }
  .hudoc-meta-grid {
    grid-template-columns:1fr;
  }
  .hudoc-meta-list,
  .hudoc-meta-lines {
    font-size:13px;
  }
  .review-leave-modal-shell { padding:12px; }
  .review-leave-modal {
    width:100%;
    padding:18px;
    border-radius:18px;
  }
  .review-leave-actions {
    display:grid;
    grid-template-columns:1fr;
  }
  .review-leave-actions .btn { width:100%; }
}

@media (max-width:520px) {
  .wrap,
  .wrap-viewer {
    width:calc(100% - 16px);
    padding-top:8px;
  }
  .top-middle,
  .top-actions {
    grid-template-columns:1fr;
  }
  .top-actions .plain-toggle-control {
    justify-self:start;
  }
  .brand-mark,
  .top-home .brand-mark {
    width:38px;
    height:38px;
  }
  .brand-text > strong,
  .brand-line > strong,
  .top-home .brand-line > strong {
    font-size:20px;
  }
  .brand-subline,
  .top-home .brand-subline {
    gap:6px;
  }
  .brand-hosted-copy {
    flex-wrap:wrap;
    gap:6px;
  }
  .home-hero-card h2 { font-size:28px; }
  .home-hero-card { padding:18px 10px 16px; }
  .home-archive-urlbar input[type=url] {
    min-width:0;
    font-size:14px;
  }
  .home-feedback,
  .home-hero-note {
    font-size:12px;
  }
  .calendar-head,
  .calendar-grid {
    min-width:560px;
  }
  .job-progress-meta,
  .job-review-actions,
  .viewer-meta-inline,
  .quick-review-actions {
    grid-template-columns:1fr;
  }
  .viewer-url-kind-option,
  .evidence-view-option,
  .text-mode-option {
    font-size:12px;
  }
  .viewer-shell {
    margin-inline:-2px;
  }
  .quick-url-actions,
  .quick-queue-actions {
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
  }
  .quick-url-actions .btn,
  .quick-queue-actions .btn {
    width:100%;
  }
}

/* Phone density pass after real-device smoke */
@media (max-width:640px) {
  .wrap,
  .wrap-viewer {
    width:calc(100% - 16px);
    padding-top:8px;
    padding-bottom:22px;
  }
  .top {
    gap:8px;
    margin-bottom:10px;
    padding-bottom:10px;
  }
  .top-home .brand-mark,
  .brand-mark {
    width:34px;
    height:34px;
    border-radius:9px;
  }
  .brand {
    gap:8px;
  }
  .brand-line > strong,
  .brand-text > strong,
  .top-home .brand-line > strong {
    font-size:20px;
    line-height:1.05;
  }
  .brand-subline {
    gap:6px;
  }
  .brand-hosted-copy {
    gap:6px;
    font-size:11px;
    line-height:1.15;
  }
  .beta-badge {
    padding:2px 6px;
    font-size:8px;
  }
  .top-middle:empty {
    display:none;
  }
  .top-actions {
    display:grid;
    grid-template-columns:auto repeat(3,minmax(0,1fr));
    gap:7px;
    width:100%;
    justify-content:stretch;
  }
  .top-actions .plain-toggle-control {
    justify-self:start;
    align-self:center;
    width:auto;
  }
  .theme-switch {
    width:58px;
    height:31px;
    padding:3px 3px 7px;
  }
  .theme-switch::before {
    inset:3px 3px 7px;
  }
  .theme-switch::after,
  .theme-switch-knob {
    width:19px;
    height:19px;
  }
  html[data-theme="light"] .theme-switch-knob,
  html[data-theme="light"] .theme-switch::after {
    transform:translateX(27px);
  }
  .top-actions .btn:not(.theme-toggle-btn) {
    width:100%;
    min-width:0 !important;
    height:34px;
    min-height:34px;
    padding:0 10px;
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .home-hero-card {
    padding:16px 10px 14px;
    border-radius:16px;
  }
  .home-hero-card h2 {
    font-size:25px;
    line-height:1.08;
    margin-bottom:8px;
  }
  .home-hero-hint {
    font-size:13px;
    line-height:1.35;
  }
  .home-archive-form {
    margin-top:14px;
    gap:9px;
  }
  .home-archive-urlbar {
    border-radius:18px;
    padding:3px;
  }
  .home-archive-urlbar input[type=url] {
    padding:11px 12px 10px;
    font-size:13px;
  }
  .home-archive-submit,
  .home-archive-form .btn {
    min-height:40px;
    height:40px;
  }
  .home-action-row {
    margin-top:12px;
    gap:8px;
  }
  .mode-label {
    font-size:12px;
  }
  .home-segment-toggle,
  .home-capture-slider,
  .home-latest-view-tabs,
  .viewer-url-kind-toggle,
  .evidence-view-toggle,
  .text-mode-toggle {
    padding:3px 3px 7px;
  }
  .home-segment-toggle::before,
  .home-capture-slider::before,
  .home-latest-view-tabs::before,
  .viewer-url-kind-toggle::before,
  .evidence-view-toggle::before,
  .text-mode-toggle::before {
    top:3px;
    left:3px;
    width:calc(50% - 3px);
    height:calc(100% - 10px);
  }
  .home-segment-option,
  .home-capture-slider > span,
  .latest-view-tab,
  .viewer-url-kind-option,
  .evidence-view-option,
  .text-mode-option {
    min-height:29px;
    padding:6px 7px;
    font-size:11px;
    line-height:1.05;
  }
  .home-hero-note {
    margin-top:9px;
    font-size:11px;
    line-height:1.35;
  }
  .home-latest-panel {
    margin:14px auto 18px;
    padding:14px 10px 12px;
    border-radius:16px;
  }
  .home-latest-head {
    gap:10px;
    padding-bottom:10px;
  }
  .home-section-kicker {
    font-size:9px;
  }
  .home-section-heading h2 {
    font-size:24px;
  }
  .home-latest-actions {
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .home-latest-view-tabs {
    grid-column:1 / -1;
  }
  .home-latest-actions > .btn {
    grid-column:1 / 2;
    height:36px;
    min-height:36px;
    font-size:12px;
  }
  .home-latest-wrap {
    margin-top:12px;
    padding-bottom:10px;
  }
  .home-latest-grid {
    gap:10px;
  }
  .latest-card {
    border-radius:14px;
  }
  .latest-card-thumb {
    width:calc(100% - 14px);
    margin:7px 7px 0;
    border-radius:11px;
    aspect-ratio:16/8.8;
  }
  .latest-card-body {
    padding:9px 10px 11px;
    gap:6px;
  }
  .latest-card-date {
    font-size:9px;
  }
  .latest-card-source-pill {
    min-height:19px;
    padding:2px 7px 3px;
    font-size:9px;
  }
  .latest-card-title {
    font-size:12px;
    line-height:1.28;
  }
  .home-latest-calendar {
    overflow-x:visible;
    padding:10px;
    border-radius:14px;
  }
  .calendar-head,
  .calendar-grid {
    min-width:0;
    width:100%;
  }
  .calendar-head {
    gap:8px;
    margin-bottom:10px;
  }
  .calendar-title {
    font-size:17px;
    text-align:center;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .calendar-nav-btn {
    min-width:30px;
    width:30px;
    height:30px;
  }
  .calendar-grid {
    gap:5px;
  }
  .calendar-weekday {
    font-size:8px;
    letter-spacing:.06em;
  }
  .calendar-day {
    min-height:47px;
    padding:6px 5px;
    gap:3px;
    border-radius:10px;
    box-shadow:3px 0 0 rgba(184,201,220,.6), 7px 0 12px rgba(20,44,74,.06), inset 0 1px 0 rgba(255,255,255,.82);
  }
  .calendar-day-num {
    font-size:11px;
  }
  .calendar-day-count {
    max-width:100%;
    padding:3px 5px;
    display:grid;
    place-content:center;
    font-size:0 !important;
    min-width:24px;
    justify-self:start;
  }
  .calendar-day-count::before {
    content:attr(data-count-label);
    font-size:10px;
    line-height:1;
  }
  .calendar-day-list {
    display:none;
  }
  .calendar-popup-shell {
    padding:10px;
    align-items:start;
    padding-top:calc(env(safe-area-inset-top, 0px) + 14px);
  }
  .calendar-popup {
    width:100%;
    max-height:min(78dvh, 620px);
    padding:12px;
    border-radius:16px;
  }
  .calendar-popup-head strong {
    font-size:20px;
  }
  .calendar-popup-head .btn {
    height:36px;
    min-height:36px;
    padding-inline:14px;
  }
  .calendar-popup-list {
    gap:8px;
    margin-top:10px;
    padding-right:2px;
  }
  .calendar-popup-item {
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:12px;
    box-shadow:0 5px 0 rgba(0,0,0,.28), 0 10px 16px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.04);
  }
  .calendar-popup-item strong {
    font-size:15px;
  }
  .calendar-popup-item .btn {
    height:32px;
    min-height:32px;
    padding-inline:14px;
    font-size:12px;
  }
  .home-footer {
    padding:10px;
    font-size:11px;
  }
  .viewer-meta-card,
  .viewer-stage-card,
  .viewer-action-url,
  .viewer-url-switch-row,
  .viewer-shell,
  .url-view-panel {
    border-radius:14px;
  }
  .viewer-meta-card,
  .viewer-stage-card {
    padding:10px;
  }
  .viewer-head {
    gap:8px;
  }
  .viewer-title-cell .viewer-meta-value,
  .job-status-card h1 {
    font-size:20px;
    line-height:1.12;
  }
  .viewer-title-cell.viewer-meta-line {
    padding-bottom:9px;
  }
  .viewer-url-switch-row,
  .viewer-action-url {
    padding:9px;
  }
  .viewer-url-value-wrap {
    grid-template-columns:minmax(0,1fr) 30px;
    gap:6px;
  }
  .viewer-url-copy-btn {
    width:30px;
    height:30px;
  }
  .viewer-url-value,
  .pill-value {
    font-size:13px;
    line-height:1.25;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .viewer-inline-item {
    padding:8px 9px;
    border-radius:11px;
  }
  .viewer-inline-item .viewer-meta-value {
    font-size:13px;
  }
  .viewer-meta-key {
    font-size:9px;
    letter-spacing:.1em;
  }
  .viewer-action-url .btn {
    min-height:32px;
    font-size:11px;
  }
  .social-capture-frame {
    font-size:13px;
  }
  .social-capture-facebook,
  .social-capture-generic,
  .social-capture-x {
    gap:10px;
    padding:10px;
    border-radius:14px;
  }
}

@media (max-width:420px) {
  .top-actions {
    grid-template-columns:auto repeat(3,minmax(0,1fr));
  }
  .top-actions .btn:not(.theme-toggle-btn) {
    font-size:11px;
    padding-inline:7px;
  }
  .home-hero-card h2 {
    font-size:23px;
  }
  .home-hero-hint {
    font-size:12px;
  }
  .home-section-heading h2 {
    font-size:22px;
  }
  .calendar-day {
    min-height:42px;
    padding:5px 4px;
  }
  .calendar-day-count {
    min-width:20px;
    padding-inline:4px;
    font-size:9px;
  }
  .viewer-title-cell .viewer-meta-value,
  .job-status-card h1 {
    font-size:18px;
  }
}

.mobile-home-tabs,
.mobile-recent-panel {
  display:none;
}

.mobile-tab-count {
  min-width:18px;
  height:18px;
  display:inline-grid;
  place-items:center;
  border-radius:999px;
  background:rgba(255,255,255,.22);
  color:inherit;
  font-size:10px;
  font-weight:900;
  line-height:1;
}

.mobile-tab-count[hidden] {
  display:none;
}

@media (max-width:640px) {
  a,
  button,
  label,
  input,
  select,
  textarea,
  .btn,
  [role="button"],
  [role="tab"],
  .home-segment-option,
  .latest-view-tab,
  .viewer-url-kind-option,
  .evidence-view-option,
  .text-mode-option,
  .calendar-day-count {
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }

  a:focus:not(:focus-visible),
  button:focus:not(:focus-visible),
  label:focus:not(:focus-visible),
  .btn:focus:not(:focus-visible),
  [role="button"]:focus:not(:focus-visible),
  [role="tab"]:focus:not(:focus-visible) {
    outline:0;
  }

  .mobile-home-tabs {
    position:sticky;
    top:0;
    z-index:66;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:4px;
    margin:0 0 10px;
    padding:4px 4px 8px;
    border:1px solid var(--toggle-pill-border);
    border-radius:999px;
    background:var(--toggle-pill-bg);
    box-shadow:var(--btn-shadow);
  }

  .mobile-home-tabs::before {
    content:"";
    position:absolute;
    box-sizing:border-box;
    top:4px;
    left:6px;
    z-index:0;
    width:calc((100% - 28px) / 3);
    height:calc(100% - 12px);
    border-radius:999px;
    border:1px solid var(--toggle-pill-active-border);
    background:var(--toggle-pill-active-bg);
    box-shadow:var(--toggle-pill-active-shadow);
    transition:transform .28s cubic-bezier(.34,1.2,.64,1);
  }

  .home-page.mobile-home-tabs-active[data-mobile-home-tab="recent"] .mobile-home-tabs::before {
    transform:translateX(calc(100% + 8px));
  }

  .home-page.mobile-home-tabs-active[data-mobile-home-tab="latest"] .mobile-home-tabs::before {
    transform:translateX(calc(200% + 16px));
  }

  .mobile-home-tab {
    position:relative;
    z-index:1;
    min-width:0;
    min-height:34px;
    border:0;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:7px 8px;
    background:transparent;
    color:var(--toggle-pill-text);
    font-size:12px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    cursor:pointer;
  }

  .mobile-home-tab.is-active {
    border-color:transparent;
    background:transparent;
    box-shadow:none;
    color:var(--toggle-pill-active-text);
  }

  .home-page.mobile-home-tabs-active {
    scroll-padding-top:56px;
  }

  .home-page.mobile-home-tabs-active .mobile-home-panel[hidden] {
    display:none !important;
  }

  .home-page.mobile-home-tabs-active .mobile-recent-panel {
    display:block;
  }

  .home-page.mobile-home-tabs-active .home-hero-card,
  .home-page.mobile-home-tabs-active .mobile-recent-panel,
  .home-page.mobile-home-tabs-active .home-latest-panel {
    margin-top:10px;
    margin-bottom:16px;
  }

  .home-page.mobile-home-tabs-active .home-hero-card {
    text-align:left;
  }

  .home-page.mobile-home-tabs-active .home-hero-copy,
  .home-page.mobile-home-tabs-active .home-hero-hint,
  .home-page.mobile-home-tabs-active .home-hero-note,
  .home-page.mobile-home-tabs-active .home-feedback {
    max-width:none;
    margin-left:0;
    margin-right:0;
    text-align:left;
  }

  .home-page.mobile-home-tabs-active .home-hero-card h2 {
    max-width:12ch;
    font-size:28px;
  }

  .home-page.mobile-home-tabs-active .home-archive-form {
    margin-top:16px;
  }

  .home-page.mobile-home-tabs-active .home-archive-submit,
  .home-page.mobile-home-tabs-active .home-archive-form .btn {
    width:100%;
  }

  .home-page.mobile-home-tabs-active .home-action-row {
    display:grid;
    grid-template-columns:1fr;
    align-items:stretch;
  }

  .home-page.mobile-home-tabs-active .home-action-row .mode-pick,
  .home-page.mobile-home-tabs-active .home-intent-toggle,
  .home-page.mobile-home-tabs-active .home-capture-toggle,
  .home-page.mobile-home-tabs-active .home-page-pdf-toggle {
    display:grid;
    grid-template-columns:1fr;
    justify-items:stretch;
    gap:6px;
  }

  .home-page.mobile-home-tabs-active .mode-label {
    margin:0;
  }

  .home-page.mobile-home-tabs-active .home-segment-toggle,
  .home-page.mobile-home-tabs-active .home-capture-slider {
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-page.mobile-home-tabs-active .home-page-pdf-option {
    width:100%;
    border-radius:14px;
  }

  .mobile-recent-panel {
    padding:14px 10px 12px;
    border-radius:16px;
    border:1px solid color-mix(in srgb,var(--line) 76%, #fff);
    background:linear-gradient(180deg, color-mix(in srgb,var(--card-bg) 80%, #fff), color-mix(in srgb,var(--card-bg) 88%, #fff3f7));
    box-shadow:0 10px 0 rgba(188,205,222,.82), 0 24px 34px rgba(20,44,74,.1), inset 0 1px 0 rgba(255,255,255,.84);
  }

  .mobile-recent-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:10px;
    padding-bottom:10px;
  }

  .mobile-recent-head .home-soft-btn {
    min-height:34px;
    height:34px;
    padding-inline:12px;
    font-size:12px;
  }

  .mobile-recent-grid {
    display:grid;
    gap:10px;
    margin-top:12px;
  }

  .mobile-recent-grid .home-queue-tile,
  .mobile-recent-grid .home-promote-card,
  .mobile-recent-grid .home-promote-old {
    min-height:0;
  }

  .mobile-empty-card {
    display:grid;
    gap:6px;
    padding:16px;
    border:1px dashed color-mix(in srgb,var(--line) 76%, #fff);
    border-radius:14px;
    background:linear-gradient(180deg, rgba(255,255,255,.48), rgba(255,255,255,.24));
    color:var(--muted);
    font-size:13px;
    line-height:1.4;
  }

  .mobile-empty-card strong {
    color:var(--text);
    font-size:15px;
  }

  .home-page.mobile-home-tabs-active #latest-toggle {
    display:none;
  }

  .home-page.mobile-home-tabs-active .home-latest-head {
    display:grid;
    grid-template-columns:1fr;
    align-items:start;
  }

  .home-page.mobile-home-tabs-active .home-latest-actions {
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }

  .home-page.mobile-home-tabs-active .home-latest-view-tabs {
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .home-page.mobile-home-tabs-active .home-latest-grid {
    grid-template-columns:1fr;
  }
}

.viewer-mobile-info-btn,
.viewer-mobile-info-top-btn,
.viewer-mobile-progress,
.viewer-mobile-info-modal-shell {
  display:none;
}

/* Phone polish after real-device smoke feedback */
@media (max-width:640px) {
  .home-page .top-home {
    grid-template-columns:1fr;
    justify-items:center;
    gap:10px;
    padding-inline:2px;
  }

  .home-page .top-home .brand {
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .home-page .top-home .brand-text {
    align-items:flex-start;
    text-align:left;
  }

  .home-page .top-home .brand-subline,
  .home-page .top-home .brand-hosted-copy {
    justify-content:flex-start;
  }

  .home-page .top-home .top-actions {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    gap:10px;
    width:100%;
    align-items:center;
    justify-items:stretch;
  }

  .home-page .top-home .top-actions .plain-toggle-control {
    justify-self:center;
    width:auto;
  }

  .home-page .top-home .about-us-btn,
  .home-page .top-home .quick-archive-btn,
  .home-page .top-home .dashboard-btn {
    width:100%;
    min-width:0 !important;
  }

  .home-page .top-home .about-us-btn {
    order:1;
    grid-column:1;
  }

  .home-page .top-home .theme-toggle-btn {
    order:2;
    grid-column:2;
  }

  .home-page .top-home .quick-archive-btn {
    order:3;
    grid-column:3;
  }

  .home-page .top-home .dashboard-btn {
    order:5;
    grid-column:1 / -1;
    justify-self:center;
    width:min(220px,100%);
  }

  .home-page .top-home .workspace-btn {
    order:4;
    grid-column:1;
    justify-self:start;
    width:min(170px,100%);
    min-width:0 !important;
  }

  .home-page .top-home .top-actions:has(.workspace-btn) .dashboard-btn {
    grid-column:3;
    justify-self:end;
    width:min(150px,100%);
    min-width:0 !important;
  }

  .home-page .top-home .theme-switch {
    width:76px;
    height:32px;
    padding:3px 3px 7px;
  }

  .home-page .top-home .theme-switch::before {
    inset:3px 3px 7px;
  }

  .home-page .top-home .theme-switch::after {
    display:none;
  }

  .home-page .top-home .theme-switch::after,
  .home-page .top-home .theme-switch-knob {
    width:22px;
    height:22px;
  }

  .home-page .top-home .theme-switch-icon {
    top:9px;
    width:13px;
    height:13px;
  }

  .home-page .top-home .theme-switch-icon.moon {
    left:9px;
  }

  .home-page .top-home .theme-switch-icon.sun {
    right:9px;
  }

  .home-page .top-home .theme-toggle-btn.is-light .theme-switch::after,
  .home-page .top-home .theme-toggle-btn.is-light .theme-switch-knob,
  html[data-theme="light"] .home-page .top-home .theme-switch::after,
  html[data-theme="light"] .home-page .top-home .theme-switch-knob {
    transform:translateX(48px);
  }

  .home-page.mobile-home-tabs-active .home-hero-card {
    text-align:center;
    padding:16px 10px 15px;
  }

  .home-page.mobile-home-tabs-active .home-hero-copy,
  .home-page.mobile-home-tabs-active .home-hero-hint,
  .home-page.mobile-home-tabs-active .home-hero-note,
  .home-page.mobile-home-tabs-active .home-feedback {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }

  .home-page.mobile-home-tabs-active .home-hero-card h2 {
    max-width:none;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    font-size:27px;
    line-height:1.08;
  }

  .home-page.mobile-home-tabs-active .home-archive-urlbar input[type=url] {
    font-size:12px;
    padding-inline:10px;
    text-overflow:ellipsis;
  }

  .home-page.mobile-home-tabs-active .home-archive-urlbar input[type=url]::placeholder {
    font-size:11px;
  }

  .home-page.mobile-home-tabs-active .home-action-row {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
    gap:8px;
    margin-top:16px;
  }

  .home-page.mobile-home-tabs-active .home-action-row .mode-pick,
  .home-page.mobile-home-tabs-active .home-intent-toggle,
  .home-page.mobile-home-tabs-active .home-capture-toggle,
  .home-page.mobile-home-tabs-active .home-page-pdf-toggle {
    min-width:0;
    gap:5px;
    justify-items:stretch;
  }

  .home-page.mobile-home-tabs-active .home-page-pdf-toggle {
    grid-column:1 / -1;
  }

  .home-page.mobile-home-tabs-active .home-action-row .mode-label {
    width:100%;
    padding-left:0;
    text-align:center;
    font-size:10px;
    line-height:1.1;
  }

  .home-page.mobile-home-tabs-active .home-segment-toggle,
  .home-page.mobile-home-tabs-active .home-capture-slider {
    min-width:0;
    width:100%;
    border-radius:18px;
  }

  .home-page.mobile-home-tabs-active .home-action-row .home-segment-toggle::before,
  .home-page.mobile-home-tabs-active .home-action-row .home-capture-slider::before {
    box-sizing:border-box;
    top:3px;
    left:5px;
    width:calc(50% - 6px);
    height:calc(100% - 10px);
  }

  .home-page.mobile-home-tabs-active .home-action-row .home-segment-toggle[data-active="timeline"]::before,
  .home-page.mobile-home-tabs-active .home-action-row .home-segment-toggle[data-active="completeness"]::before,
  .home-page.mobile-home-tabs-active .home-action-row .home-capture-switch input:checked + .home-capture-slider::before {
    transform:translateX(calc(100% + 3px));
  }

  .home-page.mobile-home-tabs-active .home-segment-option,
  .home-page.mobile-home-tabs-active .home-capture-slider > span {
    min-width:0;
    min-height:36px;
    padding:7px 4px;
  }

  .home-page.mobile-home-tabs-active .home-segment-option > span,
  .home-page.mobile-home-tabs-active .home-capture-slider > span {
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .home-page.mobile-home-tabs-active .home-control-icon {
    display:grid;
    place-items:center;
    margin:auto;
  }

  .home-page.mobile-home-tabs-active .home-control-text {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    border:0;
  }

  .home-page.mobile-home-tabs-active .home-mobile-control-value {
    display:block;
    min-height:14px;
    color:var(--text);
    font-size:11px;
    font-weight:800;
    line-height:1.1;
    margin-top:4px;
    text-align:center;
  }

  .quick-archive-modal .quick-control-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:start;
    gap:8px;
  }

  .quick-archive-modal {
    align-content:start;
    padding-bottom:88px;
  }

  .quick-archive-modal .quick-page-pdf-control {
    grid-column:1 / -1;
  }

  .quick-archive-modal .quick-control-group {
    min-width:0;
    gap:5px;
    justify-items:stretch;
  }

  .quick-archive-modal .quick-control-group .mode-label {
    width:100%;
    padding-left:0;
    text-align:center;
    font-size:10px;
    line-height:1.1;
  }

  .quick-archive-modal .quick-segment-toggle {
    min-width:0;
    width:100%;
    border-radius:18px;
  }

  .quick-archive-modal .quick-segment-toggle::before {
    box-sizing:border-box;
    top:3px;
    left:5px;
    width:calc(50% - 6px);
    height:calc(100% - 10px);
  }

  .quick-archive-modal .quick-segment-toggle[data-active="completeness"]::before,
  .quick-archive-modal .quick-segment-toggle[data-active="full"]::before {
    transform:translateX(calc(100% + 3px));
  }

  .quick-archive-modal .quick-segment-toggle .home-segment-option {
    min-width:0;
    min-height:36px;
    padding:7px 4px;
  }

  .quick-archive-modal .quick-segment-toggle .home-segment-option > span {
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .quick-archive-modal .home-control-icon {
    display:grid;
    place-items:center;
    margin:auto;
  }

  .quick-archive-modal .home-control-text {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
    border:0;
  }

  .quick-archive-modal .quick-mobile-control-value {
    display:block;
    min-height:14px;
    color:var(--text);
    font-size:11px;
    font-weight:800;
    line-height:1.1;
    margin-top:4px;
    text-align:center;
  }

  .quick-archive-modal .quick-url-row {
    grid-template-columns:minmax(0,1fr) 42px;
    gap:8px;
  }

  .quick-archive-modal .quick-url-input {
    min-height:44px;
    border-radius:16px;
    border:1px solid color-mix(in srgb,var(--line) 64%, #ffffff 36%);
    border-color:rgba(214,224,239,.32) !important;
    background:linear-gradient(180deg, color-mix(in srgb,var(--input-bg) 84%, #ffffff 16%), color-mix(in srgb,var(--surface-bg) 88%, #ffffff 12%));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.08), 0 8px 18px rgba(0,0,0,.16);
    color:var(--input-text);
    padding:11px 13px;
  }

  .quick-archive-modal .quick-url-input::placeholder {
    color:color-mix(in srgb,var(--muted) 72%, #ffffff);
    opacity:1;
  }

  .quick-archive-modal .quick-url-input:focus {
    border-color:rgba(255,201,214,.62) !important;
    outline:0;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--accent2) 24%, transparent 76%), inset 0 1px 0 rgba(255,255,255,.12);
  }

  .quick-archive-modal .quick-url-hint {
    display:block;
    width:100%;
    height:1px;
    min-height:0;
    margin:8px 0 2px;
    overflow:hidden;
    color:transparent;
    font-size:0;
    line-height:0;
    background:linear-gradient(90deg, transparent 0%, rgba(255,201,214,.12) 18%, rgba(255,201,214,.5) 50%, rgba(255,201,214,.12) 82%, transparent 100%);
  }

  .quick-archive-modal .quick-submit-row {
    grid-template-columns:1fr;
    gap:8px;
    justify-items:center;
    margin-top:4px;
  }

  .quick-archive-modal #quick-archive-feedback {
    min-height:0;
  }

  .quick-archive-modal #quick-archive-submit {
    justify-self:center;
    width:calc((100% - 8px) / 2);
    min-height:44px;
    height:44px;
    border-radius:18px;
    padding:0 16px;
    font-size:14px;
  }

  .quick-archive-modal .quick-queue-actions {
    justify-content:center;
    justify-items:center;
    align-items:start;
    margin-top:14px;
  }

  .quick-archive-modal .quick-queue-actions .btn {
    justify-self:center;
    width:min(140px,42%);
    min-width:0;
    min-height:36px;
    height:36px;
    border-radius:16px;
    padding:0 14px;
    font-size:12px;
    box-shadow:0 4px 0 #b8004c, 0 8px 12px rgba(0,0,0,.18);
  }

  .home-page.mobile-home-tabs-active .home-latest-calendar .calendar-nav-btn,
  .home-page.mobile-home-tabs-active .home-latest-calendar .calendar-day-count {
    box-shadow:none !important;
    transform:none !important;
  }

  .home-page.mobile-home-tabs-active .home-latest-calendar .calendar-nav-btn:hover,
  .home-page.mobile-home-tabs-active .home-latest-calendar .calendar-nav-btn:focus-visible,
  .home-page.mobile-home-tabs-active .home-latest-calendar .calendar-day-count:hover,
  .home-page.mobile-home-tabs-active .home-latest-calendar .calendar-day-count:focus-visible {
    box-shadow:none !important;
    transform:none !important;
  }

  .wrap-viewer .top-actions .theme-switch {
    width:58px;
    height:31px;
    padding:3px 3px 7px;
  }

  .wrap-viewer .top-actions .theme-switch::before {
    inset:3px 3px 7px;
  }

  .wrap-viewer .top-actions .theme-switch::after {
    display:none !important;
  }

  .wrap-viewer .top-actions .theme-switch-icon {
    display:none !important;
  }

  .wrap-viewer .top-actions .theme-switch-knob {
    width:19px;
    height:19px;
  }

  .wrap-viewer .top-actions .theme-switch-knob-icon {
    display:block;
    width:13px;
    height:13px;
  }

  .wrap-viewer .top-actions .theme-toggle-btn.is-light .theme-switch-knob,
  html[data-theme="light"] .wrap-viewer .top-actions .theme-switch-knob {
    transform:translateX(27px);
  }

  .wrap-viewer .top-actions {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    gap:10px;
    width:100%;
    align-items:center;
    justify-items:stretch;
  }

  .wrap-viewer .top-actions .viewer-mobile-info-top-btn {
    order:1;
    grid-column:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-width:0 !important;
    min-height:36px;
    height:36px;
    padding:0 10px;
    font-size:12px;
    line-height:1;
    white-space:nowrap;
  }

  .wrap-viewer .top-actions .theme-toggle-btn {
    order:2;
    grid-column:2;
    justify-self:center;
    width:auto;
  }

  .wrap-viewer .top-actions .quick-archive-btn {
    order:3;
    grid-column:3;
    width:100%;
    min-width:0 !important;
  }

  .wrap-viewer .top-actions .dashboard-btn {
    order:4;
    grid-column:1 / -1;
    justify-self:center;
    width:min(220px,100%);
  }

  .viewer-meta-card {
    margin-bottom:10px;
    padding:8px;
  }

  .viewer-stage-card {
    margin-top:8px;
    padding:6px;
  }

  .viewer-head,
  .viewer-head-main,
  .viewer-info-panel,
  .viewer-control-panel {
    gap:8px;
  }

  .viewer-title-cell.viewer-meta-line,
  .viewer-meta-inline {
    display:none !important;
  }

  .viewer-url-switch-row {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:12px 8px;
    padding:8px;
  }

  .viewer-url-kind-toggle {
    grid-column:1 / -1;
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .viewer-url-kind-option {
    min-width:0;
    width:100%;
  }

  .viewer-url-value-wrap {
    grid-column:1;
    display:grid;
    grid-template-columns:minmax(0,1fr) 30px;
    align-items:center;
    width:100%;
  }

  .viewer-url-switch-row .viewer-url-value {
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    white-space:normal;
    overflow:hidden;
    word-break:break-all;
  }

  .viewer-mobile-info-btn {
    display:none !important;
  }

  .viewer-mobile-info-top-btn:focus-visible {
    outline:2px solid color-mix(in srgb,var(--accent2) 65%, #fff);
    outline-offset:3px;
  }

  .viewer-action-text,
  .viewer-action-url {
    padding:8px;
    border-radius:14px;
  }

  .viewer-action-text {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .viewer-switch-toggle {
    justify-content:center;
    min-width:0;
  }

  .viewer-switch-label {
    white-space:normal;
    line-height:1.1;
  }

  .viewer-action-url {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .viewer-action-url .evidence-view-toggle,
  .viewer-action-url .wacz-download-btn,
  .viewer-action-url .evidence-package-btn {
    grid-column:1 / -1;
  }

  .viewer-action-url .pdf-download-btn {
    grid-column:auto;
  }

  .viewer-action-url #timeline-link {
    grid-column:1 / -1;
  }

  .viewer-action-url #timeline-link:not(:last-child) {
    grid-column:auto;
  }

  .viewer-action-url .btn {
    min-height:36px;
    padding-inline:8px;
    font-size:11px;
    line-height:1.05;
    white-space:normal;
  }

  .timeline-label-desktop {
    display:none;
  }

  .timeline-label-mobile {
    display:inline;
  }

  .viewer-shell {
    margin-inline:0;
  }

  .viewer-mobile-progress.is-visible {
    position:sticky;
    top:6px;
    z-index:62;
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 8px;
    padding:7px 8px;
    border:1px solid color-mix(in srgb,var(--surface-line) 70%, #fff);
    border-radius:14px;
    background:linear-gradient(180deg, color-mix(in srgb,var(--surface-bg) 92%, #fff), color-mix(in srgb,var(--surface-bg) 99%, #f8fbff));
    box-shadow:0 5px 0 rgba(188,205,222,.58), 0 10px 14px rgba(20,44,74,.06), inset 0 1px 0 rgba(255,255,255,.9);
  }

  html:not([data-theme="light"]) .viewer-mobile-progress.is-visible {
    border-color:#61738c;
    background:linear-gradient(180deg, rgba(41,48,64,.96), rgba(27,32,45,.96));
    box-shadow:0 5px 0 rgba(0,0,0,.36), 0 10px 16px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.08);
  }

  .viewer-mobile-progress-track {
    position:relative;
    flex:1 1 auto;
    height:8px;
    min-width:0;
    overflow:hidden;
    border-radius:999px;
    background:color-mix(in srgb,var(--surface-2-bg) 72%, #ffffff 28%);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface-line) 44%, transparent);
    cursor:pointer;
  }

  html:not([data-theme="light"]) .viewer-mobile-progress-track {
    background:rgba(4,12,24,.48);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
  }

  .viewer-mobile-progress-fill {
    display:block;
    width:0%;
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg, var(--accent), #f23071 58%, #ff9abd);
    box-shadow:0 0 12px color-mix(in srgb,var(--accent2) 48%, transparent);
    transition:width .16s linear;
  }

  .viewer-mobile-progress-label {
    flex:0 0 auto;
    min-width:36px;
    padding:3px 7px;
    border-radius:9px;
    background:color-mix(in srgb,var(--ink) 88%, #ffffff 12%);
    color:#f8fbff;
    font-size:11px;
    font-weight:900;
    line-height:1.1;
    text-align:center;
  }

  .wrap-viewer .jump-rail,
  .wrap-viewer .jump-hitbox {
    display:none !important;
  }

  .viewer-mobile-info-modal-shell[hidden] {
    display:none !important;
  }

  .viewer-mobile-info-modal-shell.open {
    position:fixed;
    inset:0;
    z-index:180;
    display:grid;
    align-items:start;
    padding:calc(env(safe-area-inset-top, 0px) + 16px) 12px 12px;
  }

  .viewer-mobile-info-backdrop {
    position:absolute;
    inset:0;
    background:rgba(3,8,16,.68);
    backdrop-filter:blur(5px);
  }

  .viewer-mobile-info-modal {
    position:relative;
    z-index:1;
    width:100%;
    max-height:min(80dvh, 640px);
    overflow:auto;
    border:1px solid var(--surface-line);
    border-radius:18px;
    background:linear-gradient(180deg,var(--surface-bg),var(--surface-2-bg));
    box-shadow:0 10px 0 rgba(0,0,0,.32), 0 24px 36px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06);
    padding:14px;
  }

  .viewer-mobile-info-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    margin-bottom:12px;
  }

  .viewer-mobile-info-kicker {
    display:block;
    color:var(--pill-label);
    font-size:9px;
    font-weight:900;
    letter-spacing:.14em;
    text-transform:uppercase;
  }

  .viewer-mobile-info-head h3 {
    margin:4px 0 0;
    font-size:22px;
    line-height:1.1;
  }

  .viewer-mobile-info-list,
  .viewer-mobile-info-grid {
    display:grid;
    gap:9px;
  }

  .viewer-mobile-info-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .viewer-mobile-info-row {
    display:grid;
    gap:5px;
    padding:10px;
    border:1px solid color-mix(in srgb,var(--surface-line) 72%, transparent);
    border-radius:13px;
    background:rgba(255,255,255,.04);
  }

  .viewer-mobile-info-row span {
    color:var(--pill-label);
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
    line-height:1.1;
    text-transform:uppercase;
  }

  .viewer-mobile-info-row strong {
    min-width:0;
    color:var(--text);
    font-size:13px;
    line-height:1.28;
    overflow-wrap:anywhere;
  }
}

@media (max-width:420px) {
  .home-page .top-home .top-actions {
    gap:8px;
  }

  .home-page .top-home .top-actions .btn:not(.theme-toggle-btn) {
    font-size:12px;
    padding-inline:8px;
  }

  .home-page.mobile-home-tabs-active .home-hero-card h2 {
    font-size:25px;
  }

  .viewer-mobile-info-grid {
    grid-template-columns:1fr;
  }
}

@media (max-width:680px) {
  .wrap-viewer .viewer-action-text {
    display:none !important;
  }

  .wrap-viewer .text-mode-desktop-label {
    display:none;
  }

  .wrap-viewer .text-mode-mobile-label {
    display:inline;
  }

  .wrap-viewer #text-view-panel.is-mobile-viewer-mode {
    display:block;
    margin-top:12px;
    padding:8px;
    border:1px solid color-mix(in srgb,var(--surface-line) 72%, #fff);
    border-radius:16px;
    background:linear-gradient(180deg, color-mix(in srgb,var(--surface-bg) 92%, #fff), color-mix(in srgb,var(--surface-bg) 99%, #f8fbff));
    box-shadow:0 8px 0 rgba(188,205,222,.7), 0 14px 18px rgba(20,44,74,.07), inset 0 1px 0 rgba(255,255,255,.9);
  }

  html:not([data-theme="light"]) .wrap-viewer #text-view-panel.is-mobile-viewer-mode {
    background:linear-gradient(180deg, rgba(77,92,112,.96), rgba(56,69,87,.96));
    border-color:#7d92ac;
    box-shadow:0 8px 0 rgba(117,136,161,.7), 0 18px 24px rgba(3,10,18,.2), inset 0 1px 0 rgba(255,255,255,.08);
  }

  .wrap-viewer #text-view-panel.is-mobile-viewer-mode .url-view-head {
    display:block;
    padding:0;
  }

  .wrap-viewer .viewer-url-kind-toggle,
  .wrap-viewer #text-view-panel.is-mobile-viewer-mode .text-mode-toggle {
    box-sizing:border-box;
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    padding:5px 5px 9px;
  }

  .wrap-viewer .viewer-url-kind-toggle::before,
  .wrap-viewer #text-view-panel.is-mobile-viewer-mode .text-mode-toggle::before {
    box-sizing:border-box;
    top:5px;
    left:8px;
    width:calc(50% - 10px);
    height:calc(100% - 14px);
    transform:translateX(0);
  }

  .wrap-viewer .viewer-url-kind-toggle[data-active="archived"]::before,
  .wrap-viewer #text-view-panel.is-mobile-viewer-mode .text-mode-toggle[data-mode="legacy"]::before {
    transform:translateX(calc(100% + 5px));
  }

  .wrap-viewer .viewer-url-kind-option,
  .wrap-viewer #text-view-panel.is-mobile-viewer-mode .text-mode-option {
    min-width:0;
    width:100%;
    min-height:38px;
    padding:9px 8px;
    text-align:center;
    font-size:12px;
  }
}

/* Mobile-only depth trim: keep the tactile style, but make the raised effect shallower on phones. */
@media (max-width:640px) {
  :root {
    --btn-shadow:0 3px 0 #b8004c, 0 7px 10px rgba(0,0,0,.16);
    --btn-shadow-pressed:0 1px 0 #b8004c, 0 4px 7px rgba(0,0,0,.14);
    --btn-primary-shadow:0 3px 0 #b8004c, 0 7px 10px rgba(0,0,0,.16);
    --btn-primary-shadow-pressed:0 1px 0 #b8004c, 0 4px 7px rgba(0,0,0,.14);
    --toggle-pill-active-shadow:0 2px 0 #6b002c, 0 5px 8px rgba(6,16,28,.18);
    --mobile-surface-shadow:0 3px 0 rgba(0,0,0,.28), 0 8px 12px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.05);
    --mobile-surface-shadow-soft:0 2px 0 rgba(0,0,0,.24), 0 6px 10px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.05);
    --mobile-modal-shadow:0 5px 0 rgba(0,0,0,.28), 0 14px 20px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
    --mobile-calendar-day-shadow:3px 0 0 rgba(0,0,0,.26), 7px 0 12px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
    --mobile-calendar-day-active-shadow:3px 0 0 rgba(184,0,76,.28), 7px 0 12px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.04);
  }

  html[data-theme="light"] {
    --btn-shadow:0 3px 0 #b8004c, 0 7px 10px rgba(14,34,59,.08);
    --btn-shadow-pressed:0 1px 0 #b8004c, 0 4px 7px rgba(14,34,59,.07);
    --btn-primary-shadow:0 3px 0 #b8004c, 0 7px 10px rgba(14,34,59,.08);
    --btn-primary-shadow-pressed:0 1px 0 #b8004c, 0 4px 7px rgba(14,34,59,.07);
    --toggle-pill-active-shadow:0 2px 0 #e7a1b6, 0 5px 8px rgba(42,73,108,.08);
    --mobile-surface-shadow:0 3px 0 rgba(188,205,222,.52), 0 8px 12px rgba(20,44,74,.05), inset 0 1px 0 rgba(255,255,255,.86);
    --mobile-surface-shadow-soft:0 2px 0 rgba(188,205,222,.42), 0 6px 10px rgba(20,44,74,.04), inset 0 1px 0 rgba(255,255,255,.88);
    --mobile-modal-shadow:0 5px 0 rgba(188,205,222,.58), 0 14px 20px rgba(20,44,74,.07), inset 0 1px 0 rgba(255,255,255,.9);
    --mobile-calendar-day-shadow:3px 0 0 rgba(184,201,220,.5), 7px 0 12px rgba(20,44,74,.05), inset 0 1px 0 rgba(255,255,255,.88);
    --mobile-calendar-day-active-shadow:3px 0 0 rgba(197,176,207,.54), 7px 0 12px rgba(20,44,74,.06), inset 0 1px 0 rgba(255,255,255,.9);
  }

  .card,
  .home-hero-card,
  .home-latest-panel,
  .mobile-recent-panel,
  .home-latest-calendar,
  .home-queue-tile,
  .home-promote-card,
  .home-promote-old,
  .latest-card,
  .viewer-meta-card,
  .viewer-stage-card,
  .viewer-url-switch-row,
  .viewer-action-text,
  .viewer-action-url,
  .url-view-panel,
  .viewer-shell,
  .canvas-shell,
  .wrap-viewer #text-view-panel.is-mobile-viewer-mode,
  .viewer-mobile-progress.is-visible {
    box-shadow:var(--mobile-surface-shadow) !important;
  }

  html:not([data-theme="light"]) .viewer-meta-card,
  html:not([data-theme="light"]) .viewer-stage-card,
  html:not([data-theme="light"]) .viewer-url-switch-row,
  html:not([data-theme="light"]) .viewer-action-text,
  html:not([data-theme="light"]) .viewer-action-url,
  html:not([data-theme="light"]) .url-view-panel,
  html:not([data-theme="light"]) .viewer-shell,
  html:not([data-theme="light"]) .canvas-shell,
  html:not([data-theme="light"]) .wrap-viewer #text-view-panel.is-mobile-viewer-mode,
  html:not([data-theme="light"]) .viewer-mobile-progress.is-visible {
    box-shadow:var(--mobile-surface-shadow) !important;
  }

  .latest-card-thumb,
  .viewer-inline-item,
  .viewer-mobile-info-row,
  .quick-url-row,
  .quick-log,
  .mobile-empty-card {
    box-shadow:var(--mobile-surface-shadow-soft) !important;
  }

  html:not([data-theme="light"]) .viewer-inline-item,
  html:not([data-theme="light"]) .viewer-mobile-info-row,
  html:not([data-theme="light"]) .quick-url-row,
  html:not([data-theme="light"]) .quick-log,
  html:not([data-theme="light"]) .mobile-empty-card {
    box-shadow:var(--mobile-surface-shadow-soft) !important;
  }

  .quick-archive-modal,
  .calendar-popup,
  .viewer-mobile-info-modal,
  .timeline-modal {
    box-shadow:var(--mobile-modal-shadow) !important;
  }

  .calendar-popup-item {
    box-shadow:var(--mobile-surface-shadow-soft) !important;
  }

  .calendar-day {
    box-shadow:var(--mobile-calendar-day-shadow) !important;
  }

  .calendar-day.has-entries {
    box-shadow:var(--mobile-calendar-day-active-shadow) !important;
  }

  .quick-archive-modal .quick-queue-actions .btn {
    box-shadow:var(--btn-shadow) !important;
  }

  .home-page.mobile-home-tabs-active .home-page-pdf-toggle {
    justify-self:center;
    width:min(170px,100%);
    gap:5px;
  }

  .home-page.mobile-home-tabs-active .home-page-pdf-toggle .mode-label {
    text-align:center;
  }

  .home-page.mobile-home-tabs-active .home-page-pdf-option {
    position:relative;
    display:grid;
    place-items:center;
    width:100%;
    min-height:42px;
    border-radius:18px;
    padding:7px 4px 11px;
    overflow:hidden;
  }

  .home-page.mobile-home-tabs-active .home-page-pdf-option::before {
    content:"";
    position:absolute;
    inset:3px 5px 8px;
    border-radius:16px;
    border:1px solid var(--toggle-pill-active-border);
    background:color-mix(in srgb,var(--toggle-pill-active-bg) 48%, transparent);
    opacity:.52;
    box-shadow:0 4px 0 color-mix(in srgb,var(--accent2) 30%, #66002b), inset 0 1px 0 rgba(255,255,255,.2);
    transition:opacity .2s ease, background .2s ease, transform .2s ease;
  }

  .home-page.mobile-home-tabs-active .home-page-pdf-toggle[data-active="on"] .home-page-pdf-option::before {
    background:var(--toggle-pill-active-bg);
    opacity:1;
  }

  .home-page.mobile-home-tabs-active .home-page-pdf-option input {
    position:absolute;
    opacity:0;
    pointer-events:none;
  }

  .home-page.mobile-home-tabs-active .home-page-pdf-option .home-control-icon {
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:24px;
    height:24px;
    color:#fff;
  }

  .home-page.mobile-home-tabs-active .home-page-pdf-option .home-control-icon svg {
    width:24px;
    height:24px;
    display:block;
  }

  .home-page.mobile-home-tabs-active .home-page-pdf-toggle .home-mobile-control-value {
    display:block;
    min-height:14px;
    margin-top:4px;
  }
}

/* Backoffice dense utility buttons: flatter treatment for compact admin controls. */
.backoffice-main :is(#panel-live, #panel-settings, #panel-users, #panel-requests) .btn.btn-small {
  min-height:30px;
  padding:6px 11px;
  border-radius:999px;
  background:color-mix(in srgb,var(--btn-dark-bg) 72%, var(--surface-bg)) !important;
  color:var(--btn-dark-text) !important;
  border-color:transparent !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 2px 0 rgba(184,0,76,.74), 0 6px 10px rgba(0,0,0,.13) !important;
  font-size:12px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
}

.backoffice-main :is(#panel-live, #panel-settings, #panel-users, #panel-requests) .btn.btn-small.btn-primary {
  background:color-mix(in srgb,var(--accent2) 76%, var(--btn-dark-bg)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 2px 0 rgba(255,79,126,.72), 0 6px 10px rgba(0,0,0,.13) !important;
}

.backoffice-main :is(#panel-live, #panel-settings, #panel-users, #panel-requests) .btn.btn-small:hover,
.backoffice-main :is(#panel-live, #panel-settings, #panel-users, #panel-requests) .btn.btn-small:focus-visible {
  transform:translateY(1px);
  background:color-mix(in srgb,var(--btn-dark-bg) 78%, var(--surface-bg)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(184,0,76,.78), 0 4px 8px rgba(0,0,0,.12) !important;
}

.backoffice-main :is(#panel-live, #panel-settings, #panel-users, #panel-requests) .btn.btn-small.btn-primary:hover,
.backoffice-main :is(#panel-live, #panel-settings, #panel-users, #panel-requests) .btn.btn-small.btn-primary:focus-visible {
  background:color-mix(in srgb,var(--accent2) 82%, var(--btn-dark-bg)) !important;
}

.backoffice-main #panel-live .live-preset {
  min-width:38px;
  padding-inline:10px;
}

.backoffice-main #panel-settings #excluded-domain-add,
.backoffice-main #panel-settings .excluded-remove {
  min-width:30px;
  width:30px;
  padding-inline:0;
}

.backoffice-main #panel-settings #excluded-domain-list .pill {
  gap:6px !important;
  padding:5px 7px 5px 12px;
  background:color-mix(in srgb,var(--surface-bg) 74%, var(--card-bg));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 2px 0 rgba(0,0,0,.18);
}

.backoffice-main #panel-requests .archive-request-row .backoffice-actions,
.backoffice-main #panel-users .identity-user-row .backoffice-actions {
  gap:9px;
  align-items:center;
}

html[data-theme="light"] .backoffice-main :is(#panel-live, #panel-settings, #panel-users, #panel-requests) .btn.btn-small {
  background:color-mix(in srgb,var(--btn-dark-bg) 82%, #fff) !important;
  color:var(--btn-dark-text) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 2px 0 rgba(200,0,82,.58), 0 6px 10px rgba(20,44,74,.06) !important;
}

html[data-theme="light"] .backoffice-main :is(#panel-live, #panel-settings, #panel-users, #panel-requests) .btn.btn-small.btn-primary {
  background:color-mix(in srgb,var(--toggle-pill-active-bg) 86%, #fff) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82), 0 2px 0 rgba(238,156,175,.72), 0 6px 10px rgba(20,44,74,.06) !important;
}

html[data-theme="light"] .backoffice-main #panel-settings #excluded-domain-list .pill {
  background:color-mix(in srgb,#fff 72%, var(--surface-bg));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 2px 0 rgba(188,205,222,.38);
}