:root {
  --bg:#0b1a2d;
  --panel:#132b46;
  --line:#355577;
  --text:#eef5ff;
  --muted:#a8bdd4;
  --accent:#c2185b;
  --accent2:#ff6f53;
  --ink:#0e223b;
  --link:rgb(36 143 249);
  --btn-dark-bg:#123051;
  --btn-dark-text:#d7e8ff;
  --btn-dark-line:#3c5e84;
  --card-bg:linear-gradient(180deg,#163352,#10253f);
  --input-bg:#0d2238;
  --input-line:#466a90;
  --input-text:#fff;
  --surface-bg:#0d2238;
  --surface-line:#355477;
  --surface-2-bg:#0a1a2e;
  --surface-2-line:#31506f;
  --body-grad-1:#274f7a;
  --body-grad-2:#0b1a2d;
  --body-grad-3:rgba(194,24,91,.18);
  --sticky-grad-1:rgba(11,26,45,.96);
  --sticky-grad-2:rgba(11,26,45,.74);
  --sticky-grad-3:rgba(11,26,45,0);
  --pill-border:#3a587b;
  --pill-bg:transparent;
  --pill-text:#c8dbf0;
  --pill-label:#a5bfd9;
  --pill-value:#e6f2ff;
  --timeline-day:#d2e6ff;
  --timeline-empty-border:#365578;
  --timeline-empty-bg:rgba(12,35,58,.65);
  --timeline-empty-title:#e5f1ff;
  --timeline-empty-note:#b7cde4;
  --url-chip-border:#3a587b;
  --url-chip-bg:#102a44;
  --url-chip-text:#d8ebff;
  --url-chip-hover-border:#6ea7da;
  --url-chip-hover-bg:#153656;
  --url-item-border:#2f4d6c;
  --url-item-bg:#10253e;
  --url-item-link:#cde7ff;
  --url-item-kind:#9ec2e7;
  --viewer-disabled-text:#8fa6bf;
  --viewer-disabled-bg:#0f2741;
  --viewer-disabled-border:#2a4560;
  --quick-item-border:#355577;
  --quick-item-bg:rgba(7,22,38,.48);
  --quick-item-run:#4f84b4;
  --quick-item-done-border:#4da96d;
  --quick-item-done-bg:rgba(14,43,25,.32);
  --quick-item-failed-border:#9f4b55;
  --quick-item-failed-bg:rgba(55,19,24,.32);
  --quick-item-meta:#c5d9ef;
  --quick-item-done-text:#8ef0ac;
  --quick-item-failed-text:#ffb3b3;
  --quick-bar-bg:#0c1f34;
  --quick-bar-border:#2e5172;
  --table-line:#294766;
  --scroll-bg:#0c2137;
  --scroll-line:#2e4d6d;
  --admin-log-bg:#0b1a2d;
  --admin-log-line:#345579;
  --error-note-text:#ffd2d2;
  --error-note-border:#b55555;
  --error-note-bg:rgba(120,32,32,.32);
  --text-view-bg:#0e1f33;
  --text-view-text:#d9e9fb;
  --text-view-link:rgb(36 143 249);
  --text-view-code-bg:#132844;
  --text-view-code-border:#2f4f76;
  --text-view-quote-bg:rgba(73,119,166,.16);
  --text-view-quote-line:#6f9dcb;
  --text-view-quote-text:#c5def7;
  --viewer-shell-bg:#1e3448;
  --maint-banner-bg:linear-gradient(170deg,rgba(14,42,72,.86),rgba(16,37,63,.98));
  --maint-banner-border:#3b6287;
  --maint-kicker-text:#9dc2e7;
  --maint-kicker-border:#466f97;
  --maint-title:#eaf3ff;
  --maint-hint:#c8daef;
  --mode-speed-text:#f6ad55;
  --mode-speed-border:#b66f1d;
  --mode-speed-bg:rgba(182,111,29,.16);
  --mode-complete-text:#8bc5ff;
  --mode-complete-border:#346b9f;
  --mode-complete-bg:rgba(52,107,159,.16);
}
html { color-scheme:dark; }
html[data-theme="light"] {
  color-scheme:light;
  --bg:#f2f6fb;
  --panel:#ffffff;
  --line:#c9d8e7;
  --text:#10243a;
  --muted:#4d6782;
  --link:#184d85;
  --btn-dark-bg:#e9f1fa;
  --btn-dark-text:#173656;
  --btn-dark-line:#9eb8d3;
  --card-bg:linear-gradient(180deg,#ffffff,#f5f9fd);
  --input-bg:#f7fbff;
  --input-line:#b5cde3;
  --input-text:#0f2741;
  --surface-bg:#edf4fb;
  --surface-line:#b7ccdf;
  --surface-2-bg:#f8fbff;
  --surface-2-line:#c6d8ea;
  --body-grad-1:#e5f1ff;
  --body-grad-2:#f5f9ff;
  --body-grad-3:rgba(255,132,95,.18);
  --sticky-grad-1:rgba(245,249,255,.96);
  --sticky-grad-2:rgba(245,249,255,.72);
  --sticky-grad-3:rgba(245,249,255,0);
  --pill-border:#90aecb;
  --pill-bg:#f6fbff;
  --pill-text:#17395b;
  --pill-label:#5a7c9f;
  --pill-value:#14314f;
  --timeline-day:#6583a6;
  --timeline-empty-border:#bfd2e4;
  --timeline-empty-bg:#f5f9fe;
  --timeline-empty-title:#1b3e64;
  --timeline-empty-note:#5f7d99;
  --url-chip-border:#9ab6d2;
  --url-chip-bg:#edf5fd;
  --url-chip-text:#1a3f64;
  --url-chip-hover-border:#6f98bf;
  --url-chip-hover-bg:#e1edf8;
  --url-item-border:#aec5db;
  --url-item-bg:#f2f8ff;
  --url-item-link:#1a4976;
  --url-item-kind:#4f7498;
  --viewer-disabled-text:#5f7793;
  --viewer-disabled-bg:#e5edf6;
  --viewer-disabled-border:#b4c9dc;
  --quick-item-border:#b8cade;
  --quick-item-bg:#f4f9fe;
  --quick-item-run:#7fa2c6;
  --quick-item-done-border:#86be98;
  --quick-item-done-bg:#edf8f1;
  --quick-item-failed-border:#d2a2aa;
  --quick-item-failed-bg:#fcf0f2;
  --quick-item-meta:#345678;
  --quick-item-done-text:#2f7a48;
  --quick-item-failed-text:#9a4451;
  --quick-bar-bg:#e5edf5;
  --quick-bar-border:#c2d2e3;
  --table-line:#c7d7e7;
  --scroll-bg:#eaf2fb;
  --scroll-line:#c2d2e3;
  --admin-log-bg:#edf4fc;
  --admin-log-line:#c4d5e6;
  --error-note-text:#9c2736;
  --error-note-border:#d27f8a;
  --error-note-bg:#fff1f3;
  --text-view-bg:#f6fbff;
  --text-view-text:#0f2942;
  --text-view-link:#1f5b94;
  --text-view-code-bg:#f2f7fc;
  --text-view-code-border:#d4e3f1;
  --text-view-quote-bg:rgba(141,179,216,.08);
  --text-view-quote-line:#8db3d8;
  --text-view-quote-text:#244c73;
  --viewer-shell-bg:#ced8e3;
  --maint-banner-bg:linear-gradient(170deg,#e8f1fa,#dbe9f7);
  --maint-banner-border:#b8ccdf;
  --maint-kicker-text:#355a80;
  --maint-kicker-border:#8fb0d0;
  --maint-title:#123a62;
  --maint-hint:#2a557c;
  --mode-speed-text:#d17000;
  --mode-speed-border:#dc7c00;
  --mode-speed-bg:rgba(255,149,0,.28);
  --mode-complete-text:#1173e6;
  --mode-complete-border:#1b76d9;
  --mode-complete-bg:rgba(36,143,249,.26);
}
* { 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); }
a { color:var(--link); text-decoration:none; }
.wrap { width:min(1120px,92vw); margin:0 auto; padding:18px 0 56px; }
.wrap-dashboard { width:min(1800px,98vw); }
.top { display:grid; grid-template-columns:auto minmax(120px,1fr) auto; align-items:center; gap:14px; margin-bottom:18px; padding:0 10px; }
.top-home .brand-line > strong { font-size:44px; }
.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:10px; align-items:center; color:inherit; }
.brand-mark { width:46px; height:46px; border-radius:9px; object-fit:contain; background:transparent; padding:0; }
.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%; }
.brand-subline > span:first-child { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.local-build-badge {
  display:inline-flex;
  align-items:center;
  border:1px solid var(--btn-dark-line);
  background:var(--btn-dark-bg);
  color:var(--btn-dark-text);
  border-radius:999px;
  padding:2px 8px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.3px;
  white-space:nowrap;
}
.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:32px; color:var(--text); letter-spacing:.3px; line-height:1; }
.brand-text > span { color:var(--muted); font-size:13px; margin-top:2px; }
.btn { display:inline-flex; align-items:center; justify-content:center; border:none; border-radius:10px; padding:11px 16px; font-weight:700; cursor:pointer; }
.btn-primary { background:linear-gradient(140deg,var(--accent),var(--accent2)); color:#2b1707; }
.btn-dark { background:var(--btn-dark-bg); color:var(--btn-dark-text); border:1px solid var(--btn-dark-line); }
.theme-toggle-btn { width:42px; height:42px; padding:0; border-radius:11px; }
.theme-toggle-btn svg { width:18px; height:18px; display:block; }
.copy-archived-url-btn { gap:8px; color:#2b1707; }
.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; }
.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: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; }
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 { display:inline-flex; align-items:center; gap:6px; border-radius:999px; border:1px solid #3a587b; padding:6px 11px; cursor:pointer; font-weight:700; font-size:13px; }
.mode-opt input { accent-color: currentColor; }
.mode-speed { color:var(--mode-speed-text); border-color:var(--mode-speed-border); background:var(--mode-speed-bg); }
.mode-completeness { color:var(--mode-complete-text); border-color:var(--mode-complete-border); background:var(--mode-complete-bg); }
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; }
.status { color:#cde0f8; font-size:15px; }
.status-running { color:#56d67a; font-weight:700; }
.status-running::before { content:""; display:inline-block; width:10px; height:10px; border:2px solid #56d67a; border-top-color:transparent; border-radius:50%; margin-right:8px; vertical-align:-1px; animation:spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.viewer-head { display:grid; gap:10px; margin-bottom:12px; }
.viewer-head-main { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto; grid-template-rows:auto auto; gap:10px 14px; align-items:center; }
.viewer-url-cell { grid-column:1; grid-row:1; min-width:0; }
.viewer-title-cell { grid-column:2; grid-row:1; min-width:0; }
.viewer-action-text { grid-column:3; grid-row:1; display:flex; justify-content:flex-end; }
.viewer-url-meta { grid-column:1; grid-row:2; display:flex; justify-content:center; gap:8px; flex-wrap:wrap; }
.viewer-title-meta { grid-column:2; grid-row:2; display:flex; justify-content:center; gap:8px; flex-wrap:wrap; }
.viewer-action-url { grid-column:3; grid-row:2; display:flex; justify-content:flex-end; }
.viewer-url-cell .meta-pill, .viewer-title-cell .meta-pill { width:100%; }
.viewer-title-meta { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; }
.viewer-title-meta .meta-pill { width:auto; max-width:100%; }
.viewer-action-text .btn, .viewer-action-url .btn { min-height:40px; justify-content:flex-start; min-width:150px; }
.btn-disabled { opacity:.55; cursor:not-allowed; pointer-events:none; }
.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:8px; }
.url-view-panel { margin-top:10px; border:1px solid var(--surface-line); border-radius:12px; padding:10px; background:var(--surface-bg); }
.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:10px; margin-bottom:8px; flex-wrap:wrap; }
.url-domain-filters { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px; }
.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:var(--viewer-shell-bg); border-radius:14px; padding:10px; overflow-x:auto; overflow-y:hidden; }
.viewer-track { position:relative; margin:0 auto; max-width:100%; }
.canvas-shell { width:min(100%,1300px); margin:0 auto; background:#fff; box-shadow:0 10px 35px rgba(0,0,0,.28); overflow:hidden; }
.canvas { position:relative; }
.screenshot, .screenshot-tile { display:block; width:100%; }
.screenshot-tile { position:absolute; left:0; }
.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[href] { cursor:pointer; }
.token.token-selected { color:#091625 !important; -webkit-text-fill-color:#091625 !important; background:#f4dfa0 !important; border-radius:2px; box-shadow:0 0 0 1px rgba(244,223,160,.96) inset; }
.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:rgba(255,210,75,.55); color:rgba(10,24,40,.92); -webkit-text-fill-color:rgba(10,24,40,.92); }
.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.45fr) minmax(340px,1fr); gap:12px; align-items:start; margin-top:12px; }
.admin-log-panel { position:sticky; top:12px; }
.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; }
}
.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(620px,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: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=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-archive-modal .mode-pick { margin-top:0; }
.quick-archive-modal .hint { margin:0; }
.quick-queue-list { margin-top:2px; display:grid; gap:12px; max-height:280px; 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-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 { max-width:420px; width:100%; justify-self:center; }
.quick-queue-url .pill-value { max-width:320px; }
.quick-queue-state { justify-self:end; }
.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[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"] #archive-graph [style*="background:#0d2238"] {
  background:#e4edf6 !important;
  border-color:#c0d1e2 !important;
}
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 {
  background:var(--input-bg) !important;
  color:var(--input-text) !important;
  border-color:var(--input-line) !important;
}
.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-actions { margin-top:2px; display:flex; justify-content:center; }
.quick-queue-actions .btn { min-width:140px; }
.btn-danger { background:#a52333; color:#ffe9ed; border:1px solid #d56b76; }
.btn-danger:hover { filter:brightness(1.06); }

#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-archive-card .mode-pick {
  justify-content:center;
}
.home-archive-card #archive-feedback {
  text-align:center;
}
.home-queue-tile {
  display:grid;
  gap:9px;
  min-height:190px;
  padding:10px;
  border-radius:12px;
  border:1px solid #3a6286;
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(110, 198, 255, .12), transparent 60%),
    linear-gradient(160deg, #0c1f34, #112943 58%, #0c1f34);
  color:#dbeaff;
  box-shadow:0 8px 20px rgba(1, 9, 18, .25);
}
.home-latest-card {
  will-change:transform, opacity;
}
.home-promote-card {
  position:relative;
  min-height:190px;
  border-radius:12px;
  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-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:center;
  gap:8px;
  font-size:12px;
}
.home-queue-kicker {
  color:#8dd3ff;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.home-queue-state {
  color:#d6f5ff;
  font-weight:700;
}
.home-queue-url {
  width:100%;
}
.home-queue-url .pill-value {
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-queue-progress {
  height:7px;
  border-radius:999px;
  border:1px solid #3e6692;
  background:#112743;
  overflow:hidden;
}
.home-queue-progress > div {
  height:100%;
  background:linear-gradient(90deg, #53d57b, #73c5ff);
  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:flex-end;
  gap:8px;
}
@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:36px; }
  .card { padding:14px; 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; grid-template-rows:auto; }
  .viewer-url-cell, .viewer-title-cell, .viewer-action-text, .viewer-url-meta, .viewer-title-meta, .viewer-action-url { grid-column:auto; grid-row:auto; }
  .viewer-timeline-cell { justify-content:flex-start; }
  .viewer-url-meta { justify-content:flex-start; }
  .viewer-title-meta { justify-content:flex-start; }
  .viewer-action-text, .viewer-action-url { justify-content:flex-start; }
  .viewer-action-text .btn, .viewer-action-url .btn { min-width:0; width:max-content; }
  .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-queue-row { flex-direction:column; align-items:stretch; }
  .quick-queue-row .btn { width:100%; }
  .quick-queue-links { width:100%; }
  .quick-queue-meta { display:flex; flex-direction:column; align-items:flex-start; }
  .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; }
  .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; }
}
@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:30px; }
  .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; }
  .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:40px; }
  .theme-toggle-btn { height:40px; }
  .viewer-action-text .btn, .viewer-url-meta .btn { width:100%; justify-content:center; }
  #url-view-toggle-wrap { display:none !important; }
  .jump-rail, .jump-hitbox { width:32px; }
  .jump-rail a { width:28px; height:18px; font-size:10px; }
}