:root {
  color-scheme: light;
  --bg: #f6f7fb;
  --canvas: #f6f7fb;
  --card: #ffffff;
  --card-soft: #fafbfe;
  --text: #172033;
  --text-secondary: #46526a;
  --muted: #6b778d;
  --muted-light: #98a3b5;
  --line: #e5e9f1;
  --line-strong: #d6ddea;
  --soft: #f5f7fb;
  --brand: #465fd5;
  --brand-strong: #354dc3;
  --brand-soft: #edf0ff;
  --brand-line: #d9e0ff;
  --success: #0b8f68;
  --success-soft: #ecfbf5;
  --danger: #cb3f3f;
  --danger-soft: #fff3f3;
  --warning: #ad6800;
  --control-height: 42px;
  --control-radius: 10px;
  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m6.5 8.25 3.5 3.5 3.5-3.5' stroke='%236b778d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --select-chevron-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m6.5 8.25 3.5 3.5 3.5-3.5' stroke='%23465fd5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --shadow-xs: 0 1px 2px rgba(21, 32, 55, .035);
  --shadow-sm: 0 5px 16px rgba(21, 32, 55, .045);
  --shadow-md: 0 16px 36px rgba(26, 39, 73, .07);
  font-family: Inter, "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--canvas);
  color: var(--text);
}

* { box-sizing: border-box; }
html { background: var(--canvas); }
body { min-width: 320px; margin: 0; background: var(--canvas); }
[hidden] { display: none !important; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .52; }
button, input, textarea, select, summary, a { -webkit-tap-highlight-color: transparent; }
a { color: var(--brand); text-decoration: none; font-weight: 600; }
a:hover { color: var(--brand-strong); text-decoration: underline; text-underline-offset: 3px; }
:focus-visible { outline: 3px solid rgba(70, 95, 213, .22); outline-offset: 2px; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 10px; font-size: clamp(1.92rem, 3vw, 2.62rem); line-height: 1.15; letter-spacing: -.052em; }
h2 { margin-bottom: 4px; font-size: 1.02rem; line-height: 1.35; letter-spacing: -.022em; }
h3 { margin: 0 0 14px; font-size: .92rem; line-height: 1.45; }

.app-shell { display: grid; grid-template-columns: 252px minmax(0, 1fr); min-height: 100vh; }
.sidebar {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 100vh;
  overflow-y: auto;
  padding: 26px 15px 17px;
  background: rgba(255, 255, 255, .92);
  border-right: 1px solid var(--line);
}
.brand { display: flex; align-items: center; gap: 11px; padding: 1px 9px 27px; }
.brand strong { display: block; color: var(--text); font-size: .95rem; letter-spacing: -.025em; }
.brand span { display: block; margin-top: 3px; color: var(--muted); font-size: .71rem; }
.brand-mark {
  display: grid;
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(145deg, #6075eb 0%, #3d54c7 100%);
  box-shadow: 0 9px 18px rgba(67, 88, 204, .24), inset 0 1px 0 rgba(255, 255, 255, .25);
  color: #fff;
  font-size: .94rem;
  font-weight: 800;
}
.brand-mark.large { width: 50px; height: 50px; margin-bottom: 23px; border-radius: 16px; font-size: 1.2rem; }
.group-navigation { display: grid; gap: 4px; }
.group-button {
  position: relative;
  width: 100%;
  padding: 10px 12px 10px 15px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  color: var(--text-secondary);
  text-align: left;
  font-size: .85rem;
  font-weight: 700;
  transition: color .16s ease, background .16s ease, border-color .16s ease, transform .16s ease;
}
.group-button::before {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 5px;
  width: 3px;
  border-radius: 99px;
  background: transparent;
  content: "";
}
.group-button:hover { background: #f7f8fd; color: var(--text); }
.group-button.is-active { border-color: var(--brand-line); background: var(--brand-soft); color: #3147b8; box-shadow: var(--shadow-xs); }
.group-button.is-active::before { background: var(--brand); }
.sidebar-actions { display: grid; gap: 8px; margin-top: 30px; }
.sidebar-meta { margin-top: auto; padding: 19px 9px 0; border-top: 1px solid var(--line); color: var(--muted); font-size: .72rem; }
.sidebar-meta p { margin: 0; line-height: 1.5; }

.main-area { min-width: 0; }
.top-tabs {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  gap: 6px;
  min-height: 72px;
  padding: 15px max(32px, calc((100vw - 1360px) / 2));
  overflow-x: auto;
  border-bottom: 1px solid var(--line);
  /* An opaque sticky bar avoids the continuous GPU compositing cost of a
     backdrop blur while scrolling long report and diagnostic pages. */
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 1px 0 rgba(255, 255, 255, .7);
}
.top-tab {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 0 13px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--muted);
  font-size: .82rem;
  font-weight: 700;
  transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.top-tab:hover { background: #f7f8fc; color: var(--text-secondary); }
.top-tab.is-active { border-color: var(--brand-line); background: #fff; color: #344bb9; box-shadow: 0 2px 5px rgba(22, 35, 67, .05); }
.page-root { width: min(1220px, calc(100% - 64px)); margin: 0 auto; padding: 32px 0 72px; }
.page-header {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin-bottom: 22px;
  padding: 27px 29px 25px;
  border: 1px solid #e7eaf2;
  border-radius: 19px;
  background: linear-gradient(115deg, #fff 0%, #fbfcff 65%, #f2f5ff 100%);
  box-shadow: var(--shadow-xs);
}
.page-header::after {
  position: absolute;
  z-index: -1;
  top: -76px;
  right: -68px;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(116, 134, 239, .14) 0%, rgba(116, 134, 239, 0) 68%);
  content: "";
}
.page-header h1 { max-width: 760px; }
.eyebrow { margin: 0 0 8px; color: var(--brand); font-size: .68rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.subtitle, .muted, .hint-text, .section-heading p { color: var(--muted); line-height: 1.64; }
.subtitle { max-width: 780px; margin-bottom: 0; font-size: .89rem; }
.hint-text { margin: 0 0 18px; font-size: .82rem; }

.section-card {
  padding: 25px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: var(--card);
  box-shadow: var(--shadow-sm);
}
.section-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; margin-bottom: 22px; }
.section-heading p { max-width: 48%; margin-bottom: 0; font-size: .79rem; text-align: right; }
.section-divider { height: 1px; margin: 22px 3px; background: linear-gradient(90deg, transparent, var(--line-strong) 8%, var(--line-strong) 92%, transparent); }
.save-hint { margin: 20px 0 0; color: var(--muted); font-size: .72rem; line-height: 1.5; text-align: right; }
.loading, .empty-state { padding: 26px; border: 1px dashed #cdd5e3; border-radius: 12px; background: rgba(255, 255, 255, .6); color: var(--muted); text-align: center; font-size: .85rem; line-height: 1.6; }
.refresh-region { position: relative; }
.refresh-region.is-refreshing > * { pointer-events: none; opacity: .62; }
.refresh-region.is-refreshing::after { position: absolute; top: 22px; right: 22px; width: 17px; height: 17px; border: 2px solid rgba(70, 95, 213, .2); border-top-color: var(--brand); border-radius: 50%; content: ""; animation: analytics-spin .7s linear infinite; }
.report-empty-state { margin: 24px 0 0; padding: 23px 8px; color: var(--muted); text-align: center; font-size: .84rem; line-height: 1.6; }
.error-message { color: var(--danger); line-height: 1.58; }
.info-box, .issue-box { margin: 14px 0; padding: 12px 14px; border-radius: 10px; font-size: .83rem; line-height: 1.6; }
.info-box { border: 1px solid #d4ddfb; background: #f3f5ff; color: #344b97; }
.issue-box { border: 1px solid #ffd2d0; background: var(--danger-soft); color: #ad3636; }

.primary-button, .secondary-button, .danger-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--control-height);
  padding: 0 16px;
  border-radius: var(--control-radius);
  font-size: .81rem;
  font-weight: 750;
  line-height: 1;
  white-space: nowrap;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}
.primary-button { border: 1px solid var(--brand); background: linear-gradient(135deg, #536be4, #3f56cb); box-shadow: 0 6px 13px rgba(70, 95, 213, .22), inset 0 1px 0 rgba(255, 255, 255, .18); color: #fff; }
.primary-button:hover:not(:disabled) { transform: translateY(-1px); background: linear-gradient(135deg, #4a63de, #354cc1); box-shadow: 0 9px 17px rgba(70, 95, 213, .26); }
.secondary-button { border: 1px solid var(--line-strong); background: #fff; color: var(--text-secondary); box-shadow: 0 1px 1px rgba(20, 32, 60, .02); }
.secondary-button:hover:not(:disabled) { border-color: #bdc8db; background: #fbfcfe; color: var(--text); }
.danger-button { border: 1px solid #f0b9b7; background: #fff; color: #b73838; }
.danger-button:hover:not(:disabled) { background: var(--danger-soft); }
.wide-button { width: 100%; }
.compact-button { min-height: 34px; padding: 0 11px; border-radius: 8px; font-size: .73rem; }
.icon-danger { display: inline-grid; width: 34px; height: 34px; place-items: center; padding: 0; border: 0; border-radius: 9px; background: #fff0ef; color: var(--danger); font-size: 1.08rem; }
.action-row { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; margin-top: 24px; padding-top: 2px; }
.action-row + h3 { margin-top: 25px; }
.action-row + .status-card,
.action-row + .info-box,
.action-row + .issue-box,
.action-row + .metric-grid,
.action-row + .table-wrap,
.action-row + .native-scroll-table { margin-top: 17px; }
.task-status-region { margin-top: 28px; }
.inline-result { color: var(--muted); font-size: .79rem; line-height: 1.45; }
.inline-result.success { color: var(--success); }
.inline-result.error { color: var(--danger); }
.toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }

.form-grid { display: grid; gap: 24px; }
.form-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.form-grid.author-bonus-grid { grid-template-columns: minmax(0, 3fr) minmax(140px, 1fr); }
.form-field { display: grid; gap: 11px; min-width: 0; color: var(--text-secondary); font-size: .79rem; font-weight: 700; }
.form-field > span, .toggle-field > span { display: flex; flex-wrap: wrap; align-items: center; column-gap: 5px; row-gap: 4px; line-height: 1.45; }
.field-help { display: block; flex: 0 0 100%; width: 100%; margin-top: 1px; color: var(--muted-light); font-size: .76rem; font-weight: 450; line-height: 1.55; }
.form-field input, .form-field textarea, .form-field select, .stack-form input, .stack-form select {
  width: 100%;
  min-height: var(--control-height);
  padding: 9px 11px;
  border: 1px solid var(--line-strong);
  border-radius: var(--control-radius);
  outline: none;
  background: #fff;
  color: var(--text);
  font-size: .83rem;
  font-weight: 450;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.form-field textarea { min-height: auto; resize: vertical; line-height: 1.55; }
.form-field select[multiple] { min-height: 120px; }
select:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-right: 44px;
  background-color: var(--card);
  background-image: var(--select-chevron);
  background-repeat: no-repeat;
  background-position: right 11px center;
  background-size: 20px 20px;
}
select:not([multiple]):hover {
  border-color: #bdc8dc;
  background-image: var(--select-chevron-active);
}
select::-ms-expand { display: none; }
.form-field input:hover, .form-field textarea:hover, .form-field select:hover, .stack-form input:hover, .stack-form select:hover { border-color: #c0cadb; }
.form-field input:focus, .form-field textarea:focus, .form-field select:focus, .stack-form input:focus, .stack-form select:focus { border-color: #8193ee; box-shadow: 0 0 0 3px rgba(70, 95, 213, .12); }
.tag-select-field { margin-top: 18px; }
.tag-select-box { display: grid; grid-template-columns: minmax(0, 1fr) minmax(180px, 36%); overflow: visible; min-height: var(--control-height); border: 1px solid var(--line-strong); border-radius: var(--control-radius); background: #fff; transition: border-color .15s ease, box-shadow .15s ease; }
.tag-select-box:focus-within { border-color: #8193ee; box-shadow: 0 0 0 3px rgba(70, 95, 213, .12); }
.tag-select-chips { display: flex; flex-wrap: wrap; align-content: center; gap: 6px; min-width: 0; padding: 6px 8px; }
.source-tag { display: inline-flex; align-items: center; max-width: 100%; gap: 5px; padding: 4px 5px 4px 8px; border: 1px solid var(--brand-line); border-radius: 999px; background: var(--brand-soft); color: #3549aa; font-size: .75rem; font-weight: 650; line-height: 1.25; }
.source-tag > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.source-tag button { display: grid; flex: 0 0 auto; width: 17px; height: 17px; place-items: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #5368c7; font-size: 1rem; line-height: 1; }
.source-tag button:hover { background: rgba(70, 95, 213, .15); color: var(--brand-strong); }
.weighted-entry-editor { display: grid; gap: 15px; }
.weighted-entry-box { min-height: 112px; padding: 12px; border: 1px solid var(--line-strong); border-radius: var(--control-radius); background: var(--card-soft); }
.weighted-entry-cards { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 9px; min-height: 84px; }
.weighted-entry-card { display: inline-flex; align-items: center; max-width: 100%; gap: 7px; min-height: 34px; padding: 5px 6px 5px 10px; border: 1px solid var(--brand-line); border-radius: 9px; background: var(--brand-soft); color: #3549aa; font-size: .78rem; font-weight: 700; line-height: 1.35; }
.weighted-entry-card > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.weighted-entry-card small { padding-left: 7px; border-left: 1px solid currentColor; font-size: .72rem; font-variant-numeric: tabular-nums; opacity: .8; }
.weighted-entry-card button { display: grid; flex: 0 0 auto; width: 20px; height: 20px; place-items: center; padding: 0; border: 0; border-radius: 6px; background: transparent; color: inherit; font-size: 1.08rem; line-height: 1; }
.weighted-entry-card button:hover { background: rgba(70, 95, 213, .16); color: var(--brand-strong); }
.weighted-entry-add { display: grid; grid-template-columns: minmax(0, 1fr) minmax(132px, .34fr) auto; align-items: end; gap: 13px; }
.weighted-entry-add .form-field { gap: 7px; }
.proxy-no-proxy-field { margin: 0; }
.proxy-no-proxy-add { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 13px; }
.proxy-no-proxy-add .form-field { gap: 7px; }
.proxy-no-proxy-card { background: #f3f6fc; color: #3d537f; }
.narrow-number-field input { font-variant-numeric: tabular-nums; }
.tag-select-placeholder { align-self: center; color: var(--muted-light); font-size: .79rem; font-weight: 450; }
.tag-select-dropdown { position: relative; min-width: 0; border-left: 1px solid var(--line); background: #fafbff; border-radius: 0 var(--control-radius) var(--control-radius) 0; }
.tag-select-dropdown > summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: var(--control-height); padding: 8px 10px 8px 12px; color: var(--text-secondary); font-size: .78rem; font-weight: 650; cursor: pointer; list-style: none; }
.tag-select-dropdown > summary::-webkit-details-marker { display: none; }
.tag-select-dropdown > summary > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tag-select-dropdown > summary > i { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 6px; background: #f1f4fb; color: var(--muted); font-style: normal; font-size: .96rem; transition: transform .15s ease, color .15s ease, background .15s ease; }
.tag-select-dropdown:hover { background: #f5f7ff; }
.tag-select-dropdown:hover > summary > i, .tag-select-dropdown[open] > summary > i { background: var(--brand-soft); color: var(--brand); }
.tag-select-dropdown[open] { z-index: 6; }
.tag-select-dropdown[open] > summary { background: #f5f7ff; border-radius: 0 var(--control-radius) var(--control-radius) 0; }
.tag-select-dropdown[open] > summary > i { transform: rotate(180deg); }
.tag-select-options { position: absolute; z-index: 7; top: calc(100% + 7px); right: -1px; left: -1px; display: grid; max-height: 210px; overflow-y: auto; border: 1px solid var(--line-strong); border-radius: 10px; background: #fff; box-shadow: var(--shadow-md); scrollbar-gutter: stable; }
.tag-select-options button { min-height: 42px; padding: 9px 12px; border: 0; border-bottom: 1px solid #edf0f5; background: #fff; color: var(--text-secondary); text-align: left; font-size: .78rem; line-height: 1.4; overflow-wrap: anywhere; }
.tag-select-options button:last-child { border-bottom: 0; }
.tag-select-options button:hover, .tag-select-options button:focus-visible { background: var(--brand-soft); color: #334ab4; outline: 0; }
.tag-select-complete { display: grid; min-width: 0; place-items: center; padding: 8px 12px; border-left: 1px solid var(--line); background: #fbfcff; color: var(--muted-light); font-size: .74rem; font-weight: 600; text-align: center; }
.source-report-group { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--line); }
.source-custom-panel { margin-top: 22px; padding: 18px; border: 1px solid #e2e7ef; border-radius: 13px; background: var(--card-soft); }
.source-custom-panel > .hint-text { margin-bottom: 18px; }
.source-custom-panel .card-list { margin-top: 0; margin-bottom: 18px; }
.trend-settings-block { margin-top: 22px; padding: 17px 18px; border: 1px solid #e2e7ef; border-radius: 13px; background: var(--card-soft); }
.trend-settings-block .toggle-field + .trend-dependent-fields { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.trend-dependent-fields { margin-top: 20px; }
.advanced-settings-stack { display: grid; gap: 22px; }
.advanced-settings-stack > .hint-text { margin-bottom: 0; }
.advanced-settings-stack > .trend-dependent-fields { margin-top: 0; }
.advanced-settings-card .form-field { gap: 13px; }
.advanced-settings-card .form-grid { gap: 24px; }
.trend-template-editor { display: grid; gap: 18px; }
.template-action-buttons { display: flex; flex-wrap: wrap; gap: 9px; }
.trend-template-editor .action-row { margin-top: 0; }
.form-grid + h3, .trend-settings-block + h3 { margin-top: 26px; }
.trend-disabled-hint { margin: 16px 0 0; padding: 11px 13px; border: 1px dashed #cfd7e5; border-radius: 9px; background: #fbfcff; }
.narrow-field { width: min(225px, 100%); margin-bottom: 14px; }
.toggle-field { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: var(--control-height); color: var(--text-secondary); font-size: .81rem; font-weight: 700; }
.toggle-field input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.toggle-field i { position: relative; display: block; flex: 0 0 auto; width: 40px; height: 24px; border-radius: 999px; background: #c9d1df; box-shadow: inset 0 1px 2px rgba(20, 32, 58, .1); transition: background .16s ease; }
.toggle-field i::after { position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(16, 24, 40, .22); content: ""; transition: transform .16s ease; }
.toggle-field input:checked + i { background: var(--brand); }
.toggle-field input:checked + i::after { transform: translateX(16px); }
.refresh-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 17px; padding: 15px 0 16px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.refresh-row span { display: grid; gap: 4px; }
.refresh-row small { color: var(--muted); font-size: .74rem; font-weight: 500; }
.refresh-row.toggle-field input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.section-card > .form-field + .form-field,
.section-card > .form-field + .toggle-field,
.section-card > .form-field + .form-grid,
.section-card > .toggle-field + .form-field,
.section-card > .toggle-field + .toggle-field,
.section-card > .toggle-field + .form-grid,
.section-card > .form-grid + .form-field,
.section-card > .form-grid + .toggle-field,
.section-card > .form-grid + .form-grid,
.section-card > .form-grid + .source-custom,
.section-card > .source-custom + .form-grid { margin-top: 24px; }
.mini-card, .subsection, .channel-card, .compact-form { padding: 17px; border: 1px solid #e2e7ef; border-radius: 12px; background: var(--card-soft); }
.mini-card .form-field + .form-field { margin-top: 10px; }
.subsection + .subsection, .channel-card + .channel-card { margin-top: 18px; }
.compact-form[open] > summary, .channel-card[open] > summary { display: block; margin-bottom: 19px; }
.reference-extraction-fields { display: grid; gap: 24px; margin-top: 24px; }
.extracted-keywords-table { display: grid; gap: 10px; }
.extracted-keywords-table .hint-text { margin: 0; }
.scroll-list-label { margin: 0 0 8px; color: var(--text-secondary); font-size: .8rem; font-weight: 750; }
.native-scroll-table { overflow: auto; max-height: calc(39px + var(--native-scroll-visible-rows, 10) * 39px); border: 1px solid var(--line); border-radius: 10px; background: #fff; scrollbar-gutter: stable; }
.native-scroll-table-header, .native-scroll-table-row { display: grid; grid-template-columns: var(--native-scroll-columns); min-width: 280px; }
.native-scroll-table-header { position: sticky; z-index: 1; top: 0; background: #f7f8fc; color: var(--muted); font-size: .7rem; font-weight: 800; }
.native-scroll-table-header span, .native-scroll-table-row span { min-width: 0; padding: 10px 11px; overflow-wrap: anywhere; }
.native-scroll-table-row { min-height: 39px; border-top: 1px solid #ecf0f5; color: var(--text-secondary); font-size: .78rem; line-height: 1.45; }
.native-scroll-table-row:hover { background: #fafbfe; }
.native-scroll-empty { margin: 0; border: 0; border-radius: 0; }
.channel-card > summary { cursor: pointer; color: var(--text-secondary); font-weight: 750; }
.channel-card > .toggle-field, .channel-card > .form-field, .channel-card > .form-grid, .channel-card > .action-row { margin-top: 17px; }
.history-schedule-settings { display: grid; row-gap: 32px; }
.history-schedule-settings > .form-field { gap: 14px; }
.history-schedule-settings > .history-time-window { row-gap: 28px; padding-top: 2px; }
.proxy-settings-stack { display: grid; row-gap: 30px; }
.proxy-settings-stack .form-field { gap: 14px; }
.proxy-scope-list { display: grid; row-gap: 28px; padding: 3px 0 4px; }
#proxy-dependent, #webdav-dependent { margin-top: 28px; }
.proxy-scope-list .toggle-field { padding: 0; border: 0; }
.stack-form { display: grid; gap: 13px; }
.stack-form label { display: grid; gap: 7px; color: var(--text-secondary); font-size: .79rem; font-weight: 700; }

.status-card { padding: 20px; border: 1px solid #dbe2f0; border-radius: 13px; background: linear-gradient(135deg, #fff 0%, #fafbff 100%); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9); }
.status-line { display: flex; align-items: center; gap: 13px; }
.status-line h3 { margin-bottom: 4px; font-size: 1.1rem; }
.status-line .muted { margin-bottom: 0; font-size: .81rem; }
.status-dot { flex: 0 0 auto; width: 11px; height: 11px; border-radius: 50%; background: #98a3b5; box-shadow: 0 0 0 5px rgba(152, 163, 181, .13); }
.status-dot.running, .status-dot.queued, .status-dot.starting, .status-dot.waiting { background: var(--brand); box-shadow: 0 0 0 5px rgba(70, 95, 213, .13); animation: pulse 1.7s ease-in-out infinite; }
.status-dot.idle, .status-dot.succeeded { background: var(--success); box-shadow: 0 0 0 5px rgba(11, 143, 104, .12); }
.status-dot.failed, .status-dot.rejected, .status-dot.interrupted, .status-dot.skipped_busy { background: var(--danger); box-shadow: 0 0 0 5px rgba(203, 63, 63, .11); }
.status-dot.stale { background: #d68a16; box-shadow: 0 0 0 5px rgba(214, 138, 22, .14); }
.trigger-notice p { margin: 4px 0 10px; }
.timestamp { margin-left: auto; color: var(--muted); font-size: .75rem; text-align: right; }
.progress { margin-top: 17px; }
.progress > div { height: 7px; overflow: hidden; border-radius: 999px; background: #e7ebf3; }
.progress i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #4d65dc, #8596ef); }
.progress span { display: block; margin-top: 6px; color: var(--muted); font-size: .74rem; }
.status-counters, .status-locks { margin: 13px 0 0; color: var(--muted); font-size: .77rem; line-height: 1.58; }
.live-log { margin-top: 15px; padding: 10px 12px; border: 1px solid #dce4f3; border-radius: 9px; background: #f9faff; }
.live-log > summary { cursor: pointer; color: var(--text-secondary); font-size: .78rem; font-weight: 750; }
.live-log pre { max-height: 360px; margin: 10px 0 0; overflow: auto; padding: 11px; border-radius: 7px; background: #192235; color: #edf1f9; font-family: "SFMono-Regular", Consolas, monospace; font-size: .72rem; line-height: 1.58; white-space: pre-wrap; overflow-wrap: anywhere; }
.metric-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 11px; margin: 16px 0 0; }
.metric-card { min-height: 116px; padding: 15px; border: 1px solid #e0e6ef; border-radius: 11px; background: linear-gradient(145deg, #fff, #fbfcff); }
.metric-card p { margin-bottom: 12px; color: var(--muted); font-size: .75rem; }
.metric-card strong { display: block; margin-bottom: 8px; color: #26355d; font-size: 1.4rem; letter-spacing: -.045em; }
.metric-card span { color: var(--muted-light); font-size: .7rem; line-height: 1.45; }

.table-wrap { overflow: auto; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.table-wrap table { width: 100%; min-width: 540px; border-collapse: collapse; font-size: .77rem; }
.table-wrap th, .table-wrap td { padding: 10px 11px; border-bottom: 1px solid #ecf0f5; vertical-align: top; text-align: left; line-height: 1.48; }
.table-wrap th { background: #f7f8fc; color: var(--muted); font-size: .7rem; font-weight: 800; white-space: nowrap; }
.table-wrap tbody tr { transition: background .13s ease; }
.table-wrap tbody tr:hover { background: #fafbfe; }
.table-wrap tr:last-child td { border-bottom: 0; }
.table-wrap td small { display: block; margin-top: 3px; color: var(--muted); }
.empty-cell { padding: 22px !important; color: var(--muted); text-align: center !important; }
.pager { position: sticky; left: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 7px; padding: 8px; border-top: 1px solid var(--line); background: #fbfcff; color: var(--muted); font-size: .72rem; }
.table-wrap .pager { min-width: 540px; }
.pager label { display: flex; align-items: center; gap: 4px; }
.pager select { box-sizing: border-box; min-width: 86px; min-height: 27px; padding: 3px 28px; border: 1px solid var(--line-strong); border-radius: 6px; background-color: var(--card); background-image: var(--select-chevron); background-repeat: no-repeat; background-position: right 5px center; background-size: 18px 18px; color: var(--text-secondary); text-align: center; text-align-last: center; font-size: .72rem; }
.pager select option { text-align: center; }
.pager select:hover { background-image: var(--select-chevron-active); }
#backup-list { margin-top: 28px; }

.report-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; margin-top: 16px; }
.report-picker { min-width: 0; padding: 15px; border: 1px solid #e1e6ef; border-radius: 11px; background: var(--card-soft); }
.report-picker h3 { margin-bottom: 3px; }
.report-count { margin: 0 0 13px; color: var(--muted); font-size: .75rem; }
.report-picker-group + .report-picker-group { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.report-select-field { display: grid; gap: 6px; color: var(--text-secondary); font-size: .77rem; font-weight: 750; }
.report-select-field small { color: var(--muted); font-weight: 500; }
.report-preview-button { width: 100%; margin-top: 8px; }
.report-link { border: 0; background: transparent; color: var(--brand); text-align: left; font-size: inherit; }
.report-link.is-selected { color: #263d9e; font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.report-frame { width: 100%; height: 800px; margin-top: 3px; border: 1px solid var(--line-strong); border-radius: 10px; background: #fff; box-shadow: var(--shadow-xs); }
.report-file-info { margin: 0 0 13px; color: var(--muted); font-size: .79rem; line-height: 1.6; overflow-wrap: anywhere; }
.report-file-info strong { color: var(--text); }
.report-file-info code { color: var(--text-secondary); font-size: .75rem; }
.report-navigation { display: flex; justify-content: space-between; gap: 12px; margin: 0 0 14px; }
.report-metadata { margin: 0 0 14px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--soft); }
.report-metadata summary { cursor: pointer; color: var(--text-secondary); font-size: .79rem; font-weight: 750; }
.compact-metrics { margin-top: 10px; }
.compact-metrics .metric-card { min-height: 82px; padding: 11px; }
.compact-metrics .metric-card p { margin-bottom: 6px; }
.compact-metrics .metric-card strong { margin-bottom: 0; font-size: .94rem; overflow-wrap: anywhere; }
.card-list { display: grid; gap: 9px; margin-top: 16px; }
.card-list > .paged-items-host { display: grid; gap: 9px; }
.list-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 12px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
.favorite-papers-table { margin-top: 16px; }
.favorite-papers-table .table-wrap table { min-width: 760px; }
.favorite-papers-table .table-wrap td:nth-child(1),
.favorite-papers-table .table-wrap td:nth-child(3),
.favorite-papers-table .table-wrap td:nth-child(4) { white-space: nowrap; }
.favorite-papers-table .table-wrap td:nth-child(2) { min-width: 360px; font-weight: 650; }
.paper-card { margin-bottom: 9px; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow: var(--shadow-xs); }
.paper-card > summary { display: grid; grid-template-columns: auto 1fr; gap: 9px; padding: 12px; cursor: pointer; }
.paper-card summary small { grid-column: 2; color: var(--muted); font-size: .72rem; }
.paper-content { padding: 0 13px 13px; border-top: 1px solid #edf0f4; font-size: .82rem; line-height: 1.62; }
.paper-content details { margin-top: 8px; padding: 8px; border: 1px solid #e3e8f2; border-radius: 8px; background: #fbfcff; }
.paper-variants { margin-top: 12px; padding-top: 11px; border-top: 1px solid #e5eaf2; }
.paper-variants > h3 { margin-bottom: 8px; color: var(--text-secondary); }
.paper-variant { margin-top: 8px; padding: 10px; border: 1px solid #e3e8f2; border-radius: 8px; background: #fbfcff; }
.paper-variant h4 { margin: 0 0 7px; color: var(--text-secondary); font-size: .79rem; }
.paper-variant p { margin: 7px 0 0; }
.paper-analysis > summary { cursor: pointer; color: var(--text-secondary); font-weight: 750; }
.paper-analysis pre { max-height: 320px; overflow: auto; margin: 8px 0 0; padding: 9px; border-radius: 7px; background: #192235; color: #edf1f9; font-family: "SFMono-Regular", Consolas, monospace; font-size: .72rem; white-space: pre-wrap; overflow-wrap: anywhere; }
.score-pill { display: inline-grid; width: 37px; height: 25px; place-items: center; border-radius: 7px; background: var(--brand-soft); color: #3549aa; font-size: .72rem; font-weight: 800; }

.log-selector-card { padding: 17px; }
.log-selector-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.log-select-field { display: grid; gap: 7px; padding: 14px; border: 1px solid var(--line); border-radius: 11px; background: var(--card); color: var(--text-secondary); font-size: .79rem; font-weight: 750; box-shadow: var(--shadow-xs); }
.scroll-select { position: relative; min-width: 0; }
.scroll-select > summary, .scroll-select.is-empty { display: flex; align-items: center; justify-content: space-between; gap: 9px; min-height: var(--control-height); padding: 9px 10px 9px 11px; border: 1px solid var(--line-strong); border-radius: var(--control-radius); outline: 0; background: #fff; color: var(--text); font-size: .79rem; font-weight: 450; cursor: pointer; list-style: none; }
.scroll-select > summary::-webkit-details-marker { display: none; }
.scroll-select > summary > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.scroll-select > summary > i { display: grid; flex: 0 0 auto; width: 24px; height: 24px; place-items: center; border-left: 1px solid var(--line); color: var(--muted); font-style: normal; font-size: 1rem; transition: transform .15s ease, color .15s ease; }
.scroll-select > summary:hover > i, .scroll-select[open] > summary > i { color: var(--brand); }
.scroll-select[open] { z-index: 4; }
.scroll-select[open] > summary { border-color: #8193ee; box-shadow: 0 0 0 3px rgba(70, 95, 213, .12); }
.scroll-select[open] > summary > i { transform: rotate(180deg); }
.tag-select-dropdown > summary > .dropdown-chevron,
.scroll-select > summary > .dropdown-chevron {
  display: grid;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: var(--soft);
  color: var(--muted);
  font-size: 0;
  font-style: normal;
  transform: none;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.dropdown-chevron::after {
  width: 7px;
  height: 7px;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  content: "";
  transform: translateY(-2px) rotate(45deg);
  transition: transform .15s ease;
}
.tag-select-dropdown:hover > summary > .dropdown-chevron,
.tag-select-dropdown[open] > summary > .dropdown-chevron,
.scroll-select > summary:hover > .dropdown-chevron,
.scroll-select[open] > summary > .dropdown-chevron {
  border-color: var(--brand-line);
  background: var(--brand-soft);
  color: var(--brand);
  transform: none;
}
.tag-select-dropdown[open] > summary > .dropdown-chevron::after,
.scroll-select[open] > summary > .dropdown-chevron::after { transform: translateY(2px) rotate(225deg); }
.scroll-select.is-empty { color: var(--muted-light); cursor: default; }
.scroll-select-options { position: absolute; z-index: 5; top: calc(100% + 6px); right: 0; left: 0; display: grid; max-height: 196px; overflow-y: auto; border: 1px solid var(--line-strong); border-radius: 9px; background: #fff; box-shadow: var(--shadow-md); scrollbar-gutter: stable; }
.scroll-select-options button { min-height: 38px; padding: 8px 10px; border: 0; border-bottom: 1px solid #edf0f5; background: #fff; color: var(--text-secondary); text-align: left; font-size: .78rem; line-height: 1.4; overflow-wrap: anywhere; }
.scroll-select-options button:last-child { border-bottom: 0; }
.scroll-select-options button:hover, .scroll-select-options button.is-selected { background: var(--brand-soft); color: #334ab4; }
.log-content { margin-top: 18px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--card); box-shadow: var(--shadow-sm); }
.log-content .toolbar { align-items: flex-start; margin-bottom: 14px; }
.log-content .action-row { margin-top: 0; }
.log-viewer { height: 800px; margin: 0; overflow: auto; padding: 14px; border: 1px solid #202c43; border-radius: 9px; background: #192235; color: #edf1f9; font-family: "SFMono-Regular", Consolas, monospace; font-size: .74rem; line-height: 1.58; white-space: pre-wrap; overflow-wrap: anywhere; }
.file-button { display: inline-flex; align-items: center; justify-content: center; min-height: var(--control-height); padding: 0 16px; border: 1px solid var(--line-strong); border-radius: var(--control-radius); background: #fff; color: var(--text-secondary); font-size: .81rem; font-weight: 750; cursor: pointer; }
.heatmap-wrap { padding: 6px 2px 2px; }
.heatmap-calendar { overflow-x: auto; padding-bottom: 2px; }
.heatmap-calendar table { border-collapse: separate; border-spacing: 2px; table-layout: fixed; width: max-content; min-width: 100%; }
.heatmap-calendar th { width: 12px; height: 16px; padding: 0; overflow: visible; color: var(--muted); font-size: .62rem; font-weight: 500; line-height: 1; text-align: left; white-space: nowrap; }
.heatmap-calendar td { width: 12px; height: 12px; padding: 0; }
.heatmap-calendar .heat-weekday { width: 28px; padding-right: 5px; text-align: right; }
.heat-cell { display: block; width: 12px; height: 12px; border-radius: 3px; background: #edf0f4; }
.heat-cell.level-1 { background: #cad5fc; }.heat-cell.level-2 { background: #97aaf3; }.heat-cell.level-3 { background: #6c82df; }.heat-cell.level-4 { background: var(--brand); }
.heatmap-legend { display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin-top: 10px; color: var(--muted); font-size: .71rem; }
.analytics-statistics-card { display: grid; gap: 30px; padding: 25px; }
.analytics-statistics-block { display: grid; gap: 20px; }
.analytics-range-control { display: grid; gap: 10px; }
.analytics-range-control button:disabled { cursor: progress; }
.analytics-range-label { color: var(--text-secondary); font-size: .79rem; font-weight: 750; }
.segmented-control { display: flex; flex-wrap: wrap; gap: 6px; width: fit-content; max-width: 100%; padding: 5px; border: 1px solid var(--line); border-radius: 12px; background: var(--card-soft); }
.segmented-button { min-height: 34px; padding: 0 12px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--muted); font-size: .76rem; font-weight: 700; transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease; }
.segmented-button:hover { background: #fff; color: var(--text-secondary); }
.segmented-button.is-active { border-color: var(--brand-line); background: #fff; box-shadow: var(--shadow-xs); color: #344bb9; }
.analytics-custom-range { margin-top: 3px; }
.analytics-custom-action { margin-top: 0; }
.usage-summary-table { max-width: 880px; }
.usage-summary-table table { min-width: 0; }
.usage-summary-table th { width: 20%; white-space: nowrap; }
.usage-summary-table td { width: 20%; font-variant-numeric: tabular-nums; }
.analytics-history-import { display: flex; justify-content: flex-start; padding-top: 2px; }
.analytics-history-import button:disabled { cursor: progress; }
.trend-chart-block { padding-top: 3px; }
.trend-chart { overflow-x: auto; padding: 2px 0; }
.trend-chart svg { display: block; width: 100%; min-width: 680px; height: auto; }
.trend-grid line { stroke: #e3e8f0; stroke-width: 1; }
.trend-grid text { fill: var(--muted); font-size: 11px; }
.trend-line { fill: none !important; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.trend-line.total { stroke: #465fd5; stroke-width: 2.35; }
.trend-line.prompt { stroke: #5d8ee7; }
.trend-line.cached_prompt { stroke: #b776d6; }
.trend-line.completion { stroke: var(--success); }
.trend-point { stroke: #fff; stroke-width: 1.1; }
.trend-point.total { fill: #465fd5; }
.trend-point.prompt { fill: #5d8ee7; }
.trend-point.cached_prompt { fill: #b776d6; }
.trend-point.completion { fill: var(--success); }
.trend-legend .total { fill: #465fd5; }.trend-legend .prompt { fill: #5d8ee7; }.trend-legend .cached_prompt { fill: #b776d6; }.trend-legend .completion { fill: var(--success); }
.trend-labels text, .trend-legend text { fill: var(--muted); font-size: 11px; }

.auth-shell { display: grid; min-height: 100vh; place-items: center; padding: 20px; background: radial-gradient(circle at 50% -10%, #e9edff 0, transparent 36rem), var(--canvas); }
.auth-card { width: min(100%, 420px); padding: 42px; border: 1px solid var(--line); border-radius: 21px; background: rgba(255, 255, 255, .95); box-shadow: var(--shadow-md); }
.auth-card h1 { font-size: 1.72rem; }
.auth-card .muted { font-size: .88rem; }
.auth-card .stack-form { margin-top: 22px; }
.toast { position: fixed; right: 22px; bottom: 22px; z-index: 10; max-width: min(410px, calc(100vw - 44px)); padding: 12px 14px; border: 1px solid #afe7d1; border-radius: 11px; background: var(--success-soft); color: #087452; box-shadow: var(--shadow-md); font-size: .83rem; }
.toast.error { border-color: #ffd1cf; background: var(--danger-soft); color: #b43838; }

/* The modern panel stores the selected appearance in the browser.  Keeping
 * the palette in variables lets embedded tables, native controls, and custom
 * selectors share the same contrast without changing any task behaviour. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #111827;
  --canvas: #111827;
  --card: #182235;
  --card-soft: #1d293d;
  --text: #edf2fb;
  --text-secondary: #c6d0e2;
  --muted: #97a7c0;
  --muted-light: #74839d;
  --line: #2d3a50;
  --line-strong: #42526c;
  --soft: #202d42;
  --brand: #8fa5ff;
  --brand-strong: #b7c5ff;
  --brand-soft: #27345c;
  --brand-line: #42558c;
  --success: #42c79a;
  --success-soft: #173a36;
  --danger: #ff8e8e;
  --danger-soft: #43282e;
  --warning: #ffc26b;
  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m6.5 8.25 3.5 3.5 3.5-3.5' stroke='%23c6d0e2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --select-chevron-active: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='m6.5 8.25 3.5 3.5 3.5-3.5' stroke='%238fa5ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .24);
  --shadow-sm: 0 7px 20px rgba(0, 0, 0, .2);
  --shadow-md: 0 18px 42px rgba(0, 0, 0, .28);
}

:root[data-theme="dark"] .sidebar { background: rgba(19, 28, 44, .94); }
:root[data-theme="dark"] .top-tabs { background: rgba(17, 24, 39, .97); box-shadow: 0 1px 0 rgba(255, 255, 255, .03); }
:root[data-theme="dark"] .group-button:hover,
:root[data-theme="dark"] .top-tab:hover { background: #202d42; }
:root[data-theme="dark"] .group-button.is-active { color: #c9d4ff; }
:root[data-theme="dark"] .top-tab.is-active { background: #263451; color: #c9d4ff; }
:root[data-theme="dark"] .page-header { border-color: #2b3950; background: linear-gradient(115deg, #192438 0%, #1a263a 65%, #202e4a 100%); }
:root[data-theme="dark"] .page-header::after { background: radial-gradient(circle, rgba(137, 160, 255, .17) 0%, rgba(137, 160, 255, 0) 68%); }
:root[data-theme="dark"] .loading,
:root[data-theme="dark"] .empty-state { border-color: #40516b; background: rgba(25, 36, 56, .72); }
:root[data-theme="dark"] .info-box { border-color: #42558c; background: #202f54; color: #c8d4ff; }
:root[data-theme="dark"] .issue-box { border-color: #75434d; color: #ffc3c3; }
:root[data-theme="dark"] .secondary-button,
:root[data-theme="dark"] .danger-button,
:root[data-theme="dark"] .file-button { background: var(--card); color: var(--text-secondary); }
:root[data-theme="dark"] .secondary-button:hover:not(:disabled) { border-color: #60728e; background: #223049; }
:root[data-theme="dark"] .icon-danger { background: #482a31; }
:root[data-theme="dark"] .form-field input,
:root[data-theme="dark"] .form-field textarea,
:root[data-theme="dark"] .form-field select,
:root[data-theme="dark"] .stack-form input,
:root[data-theme="dark"] .stack-form select,
:root[data-theme="dark"] .tag-select-box,
:root[data-theme="dark"] .scroll-select > summary,
:root[data-theme="dark"] .scroll-select.is-empty,
:root[data-theme="dark"] .scroll-select-options,
:root[data-theme="dark"] .scroll-select-options button,
:root[data-theme="dark"] .tag-select-options,
:root[data-theme="dark"] .tag-select-options button,
:root[data-theme="dark"] .pager select { background-color: var(--card); color: var(--text); }
:root[data-theme="dark"] select:not([multiple]) {
  background-color: var(--card);
  background-image: var(--select-chevron);
}
:root[data-theme="dark"] select:not([multiple]):hover {
  background-image: var(--select-chevron-active);
}
:root[data-theme="dark"] .tag-select-dropdown,
:root[data-theme="dark"] .tag-select-complete { background: #202d42; }
:root[data-theme="dark"] .tag-select-dropdown > summary > i { background: #2a3955; }
:root[data-theme="dark"] .tag-select-dropdown:hover,
:root[data-theme="dark"] .tag-select-dropdown[open] > summary { background: #263451; }
:root[data-theme="dark"] .tag-select-options button,
:root[data-theme="dark"] .scroll-select-options button { border-color: #2d3a50; }
:root[data-theme="dark"] .tag-select-dropdown > summary > .dropdown-chevron,
:root[data-theme="dark"] .scroll-select > summary > .dropdown-chevron { background: #2a3955; }
:root[data-theme="dark"] .tag-select-dropdown:hover > summary > .dropdown-chevron,
:root[data-theme="dark"] .tag-select-dropdown[open] > summary > .dropdown-chevron,
:root[data-theme="dark"] .scroll-select > summary:hover > .dropdown-chevron,
:root[data-theme="dark"] .scroll-select[open] > summary > .dropdown-chevron { background: var(--brand-soft); }
:root[data-theme="dark"] .mini-card,
:root[data-theme="dark"] .subsection,
:root[data-theme="dark"] .channel-card,
:root[data-theme="dark"] .compact-form,
:root[data-theme="dark"] .source-custom-panel,
:root[data-theme="dark"] .trend-settings-block { border-color: #35445d; }
:root[data-theme="dark"] .trend-disabled-hint { border-color: #485977; background: #1e2b41; }
:root[data-theme="dark"] .toggle-field i { background: #4a5970; }
:root[data-theme="dark"] .status-card,
:root[data-theme="dark"] .metric-card { border-color: #34445e; background: linear-gradient(145deg, #1b283d, #192438); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03); }
:root[data-theme="dark"] .metric-card strong { color: #e4ebfb; }
:root[data-theme="dark"] .live-log { border-color: #384966; background: #1b283d; }
:root[data-theme="dark"] .table-wrap,
:root[data-theme="dark"] .native-scroll-table,
:root[data-theme="dark"] .list-row,
:root[data-theme="dark"] .paper-card,
:root[data-theme="dark"] .report-frame { background: var(--card); }
:root[data-theme="dark"] .table-wrap th,
:root[data-theme="dark"] .native-scroll-table-header { background: #202d42; }
:root[data-theme="dark"] .table-wrap th,
:root[data-theme="dark"] .table-wrap td,
:root[data-theme="dark"] .native-scroll-table-row,
:root[data-theme="dark"] .native-scroll-table-row { border-color: #2d3a50; }
:root[data-theme="dark"] .table-wrap tbody tr:hover,
:root[data-theme="dark"] .native-scroll-table-row:hover { background: #202d42; }
:root[data-theme="dark"] .pager { background: #1d293d; }
:root[data-theme="dark"] .report-picker,
:root[data-theme="dark"] .paper-content details,
:root[data-theme="dark"] .paper-variant,
:root[data-theme="dark"] .report-metadata { border-color: #35445d; background: #1d293d; }
:root[data-theme="dark"] .paper-content,
:root[data-theme="dark"] .paper-variants,
:root[data-theme="dark"] .paper-variant { border-color: #2d3a50; }
:root[data-theme="dark"] .score-pill,
:root[data-theme="dark"] .source-tag,
:root[data-theme="dark"] .weighted-entry-card { color: #c9d4ff; }
:root[data-theme="dark"] .proxy-no-proxy-card { background: #202d42; }
:root[data-theme="dark"] .heat-cell.level-0 { background: #253249; }
:root[data-theme="dark"] .heat-cell.level-1 { background: #394c7f; }
:root[data-theme="dark"] .heat-cell.level-2 { background: #5269ad; }
:root[data-theme="dark"] .heat-cell.level-3 { background: #718add; }
:root[data-theme="dark"] .trend-grid line { stroke: #34445e; }
:root[data-theme="dark"] .trend-point { stroke: #182235; }
:root[data-theme="dark"] .auth-shell { background: radial-gradient(circle at 50% -10%, #273960 0, transparent 36rem), var(--canvas); }
:root[data-theme="dark"] .auth-card { background: rgba(24, 34, 53, .96); }
:root[data-theme="dark"] .toast { border-color: #2c7963; color: #a9f0d2; }
:root[data-theme="dark"] .toast.error { border-color: #79464e; color: #ffc3c3; }

@keyframes pulse { 50% { opacity: .58; transform: scale(.88); } }
@keyframes analytics-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
@media (max-width: 1020px) {
  .report-grid, .log-selector-grid { grid-template-columns: 1fr; }
  .form-grid.three { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .page-root { width: min(100% - 44px, 900px); }
}
@media (max-width: 760px) {
  .app-shell { display: block; }
  .sidebar { position: static; height: auto; min-height: auto; overflow: visible; padding: 15px 16px; border-right: 0; border-bottom: 1px solid var(--line); }
  .brand { padding: 0 0 15px; }
  .group-navigation { display: flex; overflow-x: auto; }
  .group-button { width: auto; padding: 9px 12px; white-space: nowrap; }
  .group-button::before { display: none; }
  .sidebar-actions, .sidebar-meta { display: none; }
  .top-tabs { min-height: 59px; padding: 9px 16px; }
  .top-tab { min-height: 39px; padding: 0 11px; }
  .page-root { width: min(100% - 32px, 720px); padding-top: 22px; }
  .page-header { margin-bottom: 18px; padding: 22px 20px; border-radius: 16px; }
  .page-header::after { top: -94px; right: -100px; }
  .section-card { padding: 18px; border-radius: 14px; }
  .section-heading { align-items: flex-start; flex-direction: column; gap: 5px; }
  .section-heading p { max-width: none; text-align: left; }
  .form-grid.two, .form-grid.three, .form-grid.author-bonus-grid { grid-template-columns: 1fr; }
  .weighted-entry-add, .proxy-no-proxy-add { grid-template-columns: 1fr; align-items: stretch; }
  .tag-select-box { grid-template-columns: 1fr; }
  .tag-select-dropdown, .tag-select-complete { min-height: 40px; border-top: 1px solid var(--line); border-left: 0; }
  .timestamp { display: none; }
  .report-frame { height: 620px; }
  .log-viewer { height: 620px; }
  .status-card { padding: 16px; }
  .table-wrap table, .table-wrap .pager { min-width: 500px; }
}