/* Compact tool page, inherited graphite/vermilion design. No decorative edge bars. */
.zph{--zph-bg:#eceef2;--zph-surface:#fff;--zph-soft:#f8f9fb;--zph-ink:#252b35;--zph-muted:#586270;--zph-line:#d5dae2;--zph-accent:#b53a3e;--zph-selected:#f6e8e9;background:var(--zph-bg);color:var(--zph-ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;min-width:0}
.zph,.zph *,.zph *::before,.zph *::after{box-sizing:border-box}
.zph [hidden]{display:none!important}.zph a{color:inherit;text-decoration:none}.zph button,.zph input,.zph textarea{font:inherit}.zph button{cursor:pointer;color:inherit}.zph button,.zph a{touch-action:manipulation}
.zph a:focus-visible,.zph button:focus-visible,.zph input:focus-visible,.zph textarea:focus-visible{outline:2px solid var(--zph-accent);outline-offset:2px}
.zph button:active{transform:scale(.96)}.zph button{transition:background-color 140ms ease,color 140ms ease}.zph h1,.zph h2,.zph p{margin:0}.zph h1,.zph h2{text-wrap:balance}.zph p{text-wrap:pretty}
.zph-shell{width:min(100% - 48px,1280px);margin:auto;padding:20px 0 36px}.zph-breadcrumb{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--zph-muted);margin-bottom:12px}.zph-breadcrumb a:hover{color:var(--zph-accent)}
.zph-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.zph h1{display:flex;align-items:center;gap:10px;font-size:28px;font-weight:650;line-height:1.25;letter-spacing:-.02em}.zph h1>span{font-size:11px;font-weight:500;letter-spacing:0;border:1px solid var(--zph-line);border-radius:5px;padding:3px 6px;background:#fff;color:#32644e}.zph-heading p{margin-top:7px;font-size:13px;color:var(--zph-muted)}.zph .zph-rule{font-size:12px;white-space:nowrap}
.zph-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px;border:1px solid var(--zph-line);border-radius:14px;background:var(--zph-surface)}.zph-toolbar>button,.zph-panel button,.zph-panel a,.zph-empty button,.zph-empty>a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border:1px solid var(--zph-line);border-radius:8px;background:#fff;white-space:nowrap;font-size:13px;font-weight:500}
.zph-toolbar button:hover,.zph-panel button:hover,.zph-panel a:hover{background:var(--zph-soft)}.zph-toolbar [aria-expanded=true]{border-color:var(--zph-accent);background:var(--zph-selected);color:var(--zph-accent)}.zph [data-stash-count]{margin-left:6px;min-width:20px;font-variant-numeric:tabular-nums;color:var(--zph-accent)}
.zph-search{display:flex;align-items:center;flex:1;min-width:200px;border:1px solid var(--zph-line);border-radius:8px;background:var(--zph-soft);min-height:40px;padding:0 10px}.zph-search label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.zph-search input{width:100%;min-width:0;height:38px;padding:6px 0;border:0;background:transparent;box-shadow:none;color:var(--zph-ink);font-size:14px}.zph-search input::placeholder{color:var(--zph-muted)}.zph-search button{min-width:36px;min-height:36px;border:0;background:transparent;font-size:22px}.zph-search:focus-within{border-color:var(--zph-accent)}
.zph-filters{display:flex;gap:4px;flex-wrap:wrap;flex-basis:100%;align-items:center}.zph-filters button{min-height:40px;padding:6px 11px;border:1px solid transparent;border-radius:7px;background:transparent;font-size:13px}.zph-filters button[aria-pressed=true]{border-color:var(--zph-accent);background:var(--zph-selected);color:var(--zph-accent);font-weight:600}
.zph-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--zph-muted);margin:16px 0 9px}.zph-summary [data-results]{font-weight:500;color:var(--zph-ink)}.zph-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.zph-grid.is-single{grid-template-columns:minmax(0,1fr);max-width:880px;margin-inline:auto}
.zph-source{min-width:0;background:var(--zph-surface);border:1px solid var(--zph-line);border-radius:12px;overflow:hidden}.zph-source>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px 8px}.zph-source>header>div{display:flex;gap:8px;align-items:baseline;min-width:0}.zph-source h2{font-size:16px;font-weight:600;line-height:1.4}.zph-source header span,.zph-source header small{font-size:12px;color:var(--zph-muted)}.zph-source header small{white-space:nowrap;padding:2px 5px;background:var(--zph-soft);border-radius:4px}.zph-source header small.is-stale{color:#80551d}
.zph-source ol{list-style:none;margin:0;padding:0 6px}.zph-source li{display:grid;grid-template-columns:22px minmax(0,1fr) 40px;gap:5px;align-items:center;min-height:42px;padding:1px 6px;border-radius:6px}.zph-source li:hover{background:var(--zph-soft)}.zph-source li.is-saved{background:var(--zph-selected)}.zph-rank{color:var(--zph-muted);font-size:13px;font-variant-numeric:tabular-nums;text-align:center}.zph .zph-title{font-size:14px;font-weight:500;line-height:1.5;overflow-wrap:anywhere;text-wrap:pretty;display:block;min-width:0;text-align:left;border:0;background:transparent;padding:3px 0;min-height:40px}.zph-title:hover{color:var(--zph-accent)}.zph-title mark{background:var(--zph-selected);color:var(--zph-accent)}
.zph-save{display:grid;place-items:center;width:40px;height:40px;border:1px solid transparent;border-radius:5px;background:transparent;font-size:20px;line-height:1;color:var(--zph-muted)!important}.zph-save[aria-pressed=true]{background:#fff;border-color:var(--zph-accent);color:var(--zph-accent)!important}.zph-source>footer{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 12px 10px;font-size:11px;color:var(--zph-muted)}.zph-source>footer button{min-height:40px;padding:5px 2px;border:0;background:transparent;color:var(--zph-accent);font-size:12px}.zph-delay{font-size:12px;color:#80551d;padding:0 12px 6px}.zph-empty-source{padding:22px 14px;color:var(--zph-muted);font-size:13px}
.zph-empty{grid-column:1/-1;padding:32px 20px;border:1px solid var(--zph-line);border-radius:12px;background:#fff;text-align:center}.zph-empty h2{font-size:18px}.zph-empty p{margin:8px 0 14px;font-size:13px;color:var(--zph-muted)}
.zph-panel{margin-top:12px;padding:16px;border:1px solid var(--zph-line);border-radius:12px;background:#fff}.zph-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.zph-panel h2{font-size:18px;font-weight:600;overflow-wrap:anywhere}.zph-panel p{font-size:13px;color:var(--zph-muted);margin:6px 0 10px}.zph-panel-actions{display:flex;flex-wrap:wrap;gap:8px}.zph-panel [data-close]{width:40px;padding:6px;flex:none}.zph-stash-list{list-style:none;padding:0;margin:10px 0}.zph-stash-list li{display:flex;justify-content:space-between;gap:12px;padding:9px 0}.zph-stash-list li>div{min-width:0}.zph-stash-list a{display:block;white-space:normal;padding:0;border:0;justify-content:flex-start;min-height:32px;font-size:14px;text-align:left;overflow-wrap:anywhere}.zph-stash-list small{display:block;font-size:12px;color:var(--zph-muted);margin-top:3px}.zph-panel textarea{width:100%;min-height:140px;padding:10px;background:var(--zph-soft);border:1px solid var(--zph-line);border-radius:8px;font-size:13px}.zph-message{min-height:20px;font-size:12px;color:var(--zph-accent);margin-top:10px}.zph-footnote{font-size:12px;color:var(--zph-muted);margin-top:8px}
@media(max-width:900px){.zph-shell{width:calc(100% - 40px)}.zph-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zph-rule{display:none}.zph-heading{margin-bottom:14px}}
@media(max-width:560px){.zph-shell{width:calc(100% - 28px);padding-top:16px}.zph h1{font-size:26px}.zph-grid{grid-template-columns:1fr;gap:10px}.zph-toolbar{padding:10px;gap:7px}.zph-search{flex-basis:100%;min-height:44px}.zph-search input{height:42px;font-size:16px}.zph-search button{min-width:44px;min-height:44px}.zph-toolbar>button{flex:1;min-height:44px}.zph-filters button{min-height:44px;padding:7px 9px}.zph-summary>p:last-child{display:none}.zph-source li{grid-template-columns:22px minmax(0,1fr) 44px;gap:5px;padding:2px 4px;min-height:48px}.zph .zph-title{font-size:16px;min-height:44px;padding:6px 0;line-height:1.5}.zph-save{width:44px;height:44px;font-size:22px}.zph-source>header{padding:12px 12px 7px}.zph-source>footer button{min-height:44px}.zph-panel{padding:13px}.zph-panel button,.zph-panel a{min-height:44px}.zph-panel [data-close]{width:44px}.zph-panel-head h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.zph button{transition:none}.zph button:active{transform:none}}

@media(pointer:coarse){.zph-source li{grid-template-columns:22px minmax(0,1fr) 44px;min-height:48px}.zph-save{width:44px;height:44px}.zph-title,.zph-toolbar>button,.zph-filters button,.zph-source>footer button,.zph-panel button,.zph-panel a{min-height:44px}.zph-panel [data-close]{width:44px}}

/* Inline workspace content inherits the existing warm tool surfaces. */
.zph--inline{--zph-bg:transparent;--zph-soft:var(--radar-blue-soft,#faf4ef);--zph-ink:var(--radar-ink,#292724);--zph-muted:var(--radar-muted,#736f67);--zph-line:var(--radar-line,#e6e2da);--zph-accent:var(--radar-blue,#ad4937);--zph-selected:var(--radar-blue-soft,#f6e8e2);background:transparent;font-family:inherit}
.zph--inline .zph-shell{width:100%;max-width:none;margin:0;padding:0 0 18px}
.zph--inline .zph-heading{margin-bottom:12px}
.zph--inline h1{font-size:24px}
.zph--inline .zph-grid{gap:10px}
.zph--inline .zph-toolbar{padding:10px}
@media(min-width:901px) and (max-width:1199px){.zph--inline .zph-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.zph--inline h1{font-size:23px}.zph--inline .zph-shell{width:100%;padding:0 0 16px}.zph--inline .zph-filters{gap:3px}}

/* Details stay in the current viewport and preserve the reading position. */
.zph .zph-detail-dialog{position:fixed;inset:0;width:min(640px,calc(100% - 32px));max-width:none;max-height:85vh;max-height:85dvh;margin:auto;padding:20px;overflow:auto;border:1px solid var(--radar-border,#dedad4);border-radius:12px;background:var(--radar-surface,#fff);color:var(--radar-ink,#262321);box-shadow:0 20px 70px rgba(22,20,17,.22);}
.zph .zph-detail-dialog:not([open]){display:none;}
.zph .zph-detail-dialog::backdrop{background:rgba(22,20,17,.48);}
.zph .zph-detail-dialog .zph-panel-head{align-items:flex-start;gap:12px;}
.zph .zph-detail-dialog .zph-panel-head h2{font-size:18px;line-height:1.55;overflow-wrap:anywhere;}
.zph .zph-detail-dialog .zph-panel-head button{flex-shrink:0;min-width:44px;min-height:44px;}
.zph .zph-detail-dialog .zph-panel-actions{display:flex;flex-wrap:wrap;gap:10px;}
.zph .zph-detail-dialog .zph-panel-actions a,.zph .zph-detail-dialog .zph-panel-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
@media(max-width:600px){.zph .zph-detail-dialog{width:calc(100% - 24px);padding:16px;max-height:calc(100dvh - 40px - env(safe-area-inset-bottom));}.zph .zph-detail-dialog .zph-panel-head h2{font-size:17px;}}

/* Existing vermilion / graphite palette, with clear action and reading hierarchy. */
.zph[data-public-hotlists] {
  --zph-ink: #292b30;
  --zph-muted: #666d76;
  --zph-line: #e2e3e7;
  --zph-soft: #f5f6f8;
  --zph-accent: #a33e42;
  --zph-selected: #f9ebec;
  --zph-success: #35674e;
  color: var(--zph-ink);
}
.zph[data-public-hotlists] .zph-heading h1 { color: #25282d; font-weight: 700; letter-spacing: -.025em; }
.zph[data-public-hotlists] .zph-heading h1 > span {
  padding: 4px 8px; border: 1px solid #cfe2d6; border-radius: 6px;
  color: var(--zph-success); background: #edf6f0; font-size: 11px; font-weight: 600;
}
.zph[data-public-hotlists] .zph-heading p { color: var(--zph-muted); }
.zph[data-public-hotlists] .zph-toolbar {
  padding: 12px; gap: 8px; border: 1px solid #dde0e5; border-radius: 14px;
  background: #fff; box-shadow: 0 1px 2px rgba(20,25,35,.03), 0 5px 16px rgba(20,25,35,.035);
}
.zph[data-public-hotlists] .zph-search {
  border: 1px solid #dfe2e7; border-radius: 9px; background: #f4f5f8; padding-left: 12px;
}
.zph[data-public-hotlists] .zph-search::before {
  content: ""; flex: none; width: 16px; height: 16px; margin-right: 9px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23707885' stroke-width='1.7'%3E%3Ccircle cx='8.5' cy='8.5' r='5.5'/%3E%3Cpath d='m12.5 12.5 4 4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
.zph[data-public-hotlists] .zph-search:focus-within {
  border-color: var(--zph-accent); background: #fff; box-shadow: 0 0 0 3px rgba(163,62,66,.1);
}
.zph[data-public-hotlists] .zph-search input { color: var(--zph-ink); }
.zph[data-public-hotlists] .zph-search input::placeholder { color: #6e7580; }
.zph[data-public-hotlists] .zph-toolbar > button { gap: 7px; border-radius: 9px; font-weight: 600; min-height: 42px; }
.zph[data-public-hotlists] [data-refresh] {
  border: 1px solid #94373b; color: #fff; background: #a33e42;
  box-shadow: 0 2px 5px rgba(140,44,50,.14);
}
.zph[data-public-hotlists] [data-refresh]::before { content: "↻" / ""; font-size: 19px; line-height: 1; }
.zph[data-public-hotlists] [data-refresh]:disabled { opacity: .6; cursor: wait; }
.zph[data-public-hotlists] [data-open-stash] { color: #383d46; border-color: #d4d8df; background: #fff; }
.zph[data-public-hotlists] [data-open-stash]::before { content: "☆" / ""; font-size: 19px; line-height: 1; }
.zph[data-public-hotlists] [data-open-stash][aria-expanded=true] { background: #f9ebec; color: #94373b; border-color: #cc9295; }
.zph[data-public-hotlists] [data-stash-count] {
  display: inline-grid; place-items: center; min-width: 22px; height: 22px; margin-left: 1px;
  border-radius: 6px; background: #eceef2; color: #505965; font-size: 12px;
}
.zph[data-public-hotlists] [data-open-stash][aria-expanded=true] [data-stash-count] { color: #94373b; background: #f0dadd; }
.zph[data-public-hotlists] .zph-filters { gap: 6px; padding-top: 2px; }
.zph[data-public-hotlists] .zph-filters button {
  min-height: 40px; padding: 6px 10px; border: 1px solid #e5e7ec; border-radius: 8px;
  color: #555e6b; background: #f6f7f9; font-size: 12px; font-weight: 500;
}
.zph[data-public-hotlists] .zph-filters button[aria-pressed=true] {
  border: 1px solid #303642; color: #fff; background: #303642; font-weight: 600;
  box-shadow: 0 2px 5px rgba(26,33,45,.12);
}
.zph[data-public-hotlists] .zph-summary { margin: 15px 1px 9px; color: #6c7380; }
.zph[data-public-hotlists] .zph-summary [data-results] { color: #424956; font-weight: 600; }
.zph[data-public-hotlists] .zph-source {
  --zph-platform-ink: #4b5668; --zph-platform-tint: #e9edf3; --zph-platform-mark: "•";
  border: 1px solid #e0e3e8; border-radius: 13px; background: #fff;
  box-shadow: 0 1px 2px rgba(20,25,35,.035), 0 5px 14px rgba(20,25,35,.025);
}
.zph[data-public-hotlists] .zph-source[data-source=baidu] { --zph-platform-ink:#365cc0; --zph-platform-tint:#edf1ff; --zph-platform-mark:"百"; }
.zph[data-public-hotlists] .zph-source[data-source=toutiao] { --zph-platform-ink:#b44440; --zph-platform-tint:#faeceb; --zph-platform-mark:"头"; }
.zph[data-public-hotlists] .zph-source[data-source=bilibili-hot-search] { --zph-platform-ink:#a94572; --zph-platform-tint:#faedf3; --zph-platform-mark:"哔"; }
.zph[data-public-hotlists] .zph-source[data-source=zhihu] { --zph-platform-ink:#3066ad; --zph-platform-tint:#eaf2fc; --zph-platform-mark:"知"; }
.zph[data-public-hotlists] .zph-source[data-source=weibo] { --zph-platform-ink:#a54b34; --zph-platform-tint:#fff0e8; --zph-platform-mark:"微"; }
.zph[data-public-hotlists] .zph-source[data-source=douyin] { --zph-platform-ink:#3d4451; --zph-platform-tint:#edf0f5; --zph-platform-mark:"抖"; }
.zph[data-public-hotlists] .zph-source[data-source=kuaishou] { --zph-platform-ink:#ac5c22; --zph-platform-tint:#fff2e4; --zph-platform-mark:"快"; }
.zph[data-public-hotlists] .zph-source[data-source="36kr"] { --zph-platform-ink:#46679e; --zph-platform-tint:#edf2fa; --zph-platform-mark:"氪"; }
.zph[data-public-hotlists] .zph-source[data-source=ithome] { --zph-platform-ink:#a34850; --zph-platform-tint:#f9ecee; --zph-platform-mark:"IT"; }
.zph[data-public-hotlists] .zph-source[data-source=github] { --zph-platform-ink:#46505f; --zph-platform-tint:#e9edf2; --zph-platform-mark:"GH"; }
.zph[data-public-hotlists] .zph-source > header { padding: 12px 12px 9px; background: #fafbfc; }
.zph[data-public-hotlists] .zph-source > header > div { gap: 7px; align-items: center; flex-wrap: wrap; }
.zph[data-public-hotlists] .zph-source h2 { display: inline-flex; align-items: center; gap: 8px; color: #252a32; font-weight: 700; font-size: 15px; }
.zph[data-public-hotlists] .zph-source h2::before {
  content: var(--zph-platform-mark) / ""; display: inline-grid; place-items: center; flex: none;
  width: 28px; height: 28px; border-radius: 8px; color: var(--zph-platform-ink);
  background: var(--zph-platform-tint); font-size: 13px; font-weight: 700; letter-spacing: -.03em;
}
.zph[data-public-hotlists] .zph-source header span { color: #6d7580; font-size: 11px; }
.zph[data-public-hotlists] .zph-source header small {
  display: inline-flex; align-items: center; gap: 4px; flex: none; padding: 3px 6px;
  border: 1px solid #d5e7dc; border-radius: 6px; color: #35674e; background: #edf6f0; font-size: 11px;
}
.zph[data-public-hotlists] .zph-source header small::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentColor; }
.zph[data-public-hotlists] .zph-source header small.is-stale,
.zph[data-public-hotlists] .zph-source:has(.zph-delay) header small { color: #855819; border-color: #ebdac0; background: #fcf4e7; }
.zph[data-public-hotlists] .zph-delay { padding: 5px 12px 4px; color: #855819; background: #fffbf3; font-size: 11px; }
.zph[data-public-hotlists] .zph-source ol { padding: 4px 6px 2px; }
.zph[data-public-hotlists] .zph-source li { grid-template-columns: 25px minmax(0,1fr) 40px; gap: 7px; padding: 2px 5px; border-radius: 8px; }
.zph[data-public-hotlists] .zph-source li:nth-child(even):not(.is-saved) { background: #fafbfc; }
.zph[data-public-hotlists] .zph-rank {
  display: inline-grid; place-items: center; width: 23px; height: 23px; border-radius: 6px;
  color: #66707e; background: #eef0f4; font-size: 11px; font-weight: 600; line-height: 1;
}
.zph[data-public-hotlists] .zph-rank[aria-label$=" 1"] { color: #fff; background: #a33e42; }
.zph[data-public-hotlists] .zph-rank[aria-label$=" 2"] { color: #fff; background: #a45e2c; }
.zph[data-public-hotlists] .zph-rank[aria-label$=" 3"] { color: #fff; background: #8a692c; }
.zph[data-public-hotlists] .zph-source .zph-title { color: #303640; font-weight: 500; font-size: 14px; line-height: 1.55; }
.zph[data-public-hotlists] .zph-source li.is-saved { background: #f9ebec; }
.zph[data-public-hotlists] .zph-save {
  width: 40px; height: 40px; min-height: 40px; justify-self: end; border: 1px solid #e4e7ec;
  border-radius: 9px; color: #697485 !important; background: #fff; font-size: 18px;
}
.zph[data-public-hotlists] .zph-save[aria-pressed=true] { border-color: #d3a0a4; color: #94373b !important; background: #f9ebec; }
.zph[data-public-hotlists] .zph-source > footer { padding: 5px 12px 9px; color: #697383; background: #fafbfc; }
.zph[data-public-hotlists] .zph-source > footer time { font-variant-numeric: tabular-nums; font-size: 11px; }
.zph[data-public-hotlists] .zph-source > footer button { padding: 5px 8px; border: 1px solid #e0e4e9; border-radius: 7px; background: #fff; color: #515f73; font-weight: 500; font-size: 11px; min-height: 40px; }
.zph[data-public-hotlists] .zph-panel { border-color: #dfe3e9; border-radius: 14px; box-shadow: 0 3px 12px rgba(20,25,35,.04); }
.zph[data-public-hotlists] .zph-panel h2 { color: #252a32; font-weight: 700; }
.zph[data-public-hotlists] .zph-panel p { color: #636d7b; }
.zph[data-public-hotlists] .zph-panel button,
.zph[data-public-hotlists] .zph-panel a { border-color: #dce1e8; border-radius: 9px; color: #485567; background: #f7f8fa; }
.zph[data-public-hotlists] .zph-panel-actions a { color: #fff; border-color: #94373b; background: #a33e42; font-weight: 600; }
.zph[data-public-hotlists] .zph-panel [data-close] { color: #667283; border-color: #e0e4ea; background: #f4f6f8; }
.zph[data-public-hotlists] .zph-detail-dialog {
  border: 1px solid #e1e4e9; padding: 22px; border-radius: 16px; background: #fff;
  box-shadow: 0 8px 20px rgba(15,21,31,.1), 0 24px 72px rgba(15,21,31,.2);
}
.zph[data-public-hotlists] .zph-detail-dialog::backdrop { background: rgba(24,29,38,.5); backdrop-filter: blur(3px); }
.zph[data-public-hotlists] .zph-detail-dialog .zph-panel-head { margin-bottom: 10px; }
.zph[data-public-hotlists] .zph-detail-dialog .zph-panel-head h2 { font-size: 20px; line-height: 1.55; letter-spacing: -.015em; }
.zph[data-public-hotlists] .zph-detail-dialog > p { padding: 10px 12px; border-radius: 9px; background: #f4f6f8; color: #626d7c; line-height: 1.7; margin-bottom: 16px; }
.zph[data-public-hotlists] .zph-stash-list a { color: #303640; background: transparent; border: 0; }
.zph[data-public-hotlists] .zph-empty { color: #303640; box-shadow: 0 4px 16px rgba(20,25,35,.04); }
.zph[data-public-hotlists] .zph-empty > a { background: #a33e42; color: #fff; border-color: #94373b; }
.zph[data-public-hotlists] .zph-footnote { color: #6b7482; font-size: 11px; }
@media (hover:hover) and (pointer:fine) {
  .zph[data-public-hotlists] [data-refresh]:hover { color: #fff; background: #8f3236; border-color: #8f3236; }
  .zph[data-public-hotlists] [data-open-stash]:hover { color: #303642; background: #f0f2f5; border-color: #bfc6d0; }
  .zph[data-public-hotlists] .zph-filters button:hover:not([aria-pressed=true]) { color: #303642; background: #eceff4; border-color: #cbd2dc; }
  .zph[data-public-hotlists] .zph-source li:hover:not(.is-saved) { background: #eef2f7; }
  .zph[data-public-hotlists] .zph-source .zph-title:hover { color: #a33e42; }
  .zph[data-public-hotlists] .zph-save:hover { color: #94373b !important; background: #f9ebec; border-color: #d3a0a4; }
  .zph[data-public-hotlists] .zph-panel-actions a:hover { color: #fff; background: #8f3236; }
  .zph[data-public-hotlists] .zph-source > footer button:hover { color: #303642; border-color: #bdc6d2; background: #edf1f6; }
}
@media(max-width:560px) {
  .zph[data-public-hotlists] .zph-heading h1 { font-size: 24px; }
  .zph[data-public-hotlists] .zph-toolbar { padding: 10px; border-radius: 12px; }
  .zph[data-public-hotlists] .zph-toolbar > button { min-height: 44px; }
  .zph[data-public-hotlists] .zph-filters { gap: 6px; }
  .zph[data-public-hotlists] .zph-filters button { min-width: 44px; min-height: 44px; padding-inline: 7px; }
  .zph[data-public-hotlists] .zph-source h2 { font-size: 16px; }
  .zph[data-public-hotlists] .zph-source li { grid-template-columns: 25px minmax(0,1fr) 44px; gap: 6px; padding: 2px 4px; }
  .zph[data-public-hotlists] .zph-source .zph-title { font-size: 16px; min-height: 44px; }
  .zph[data-public-hotlists] .zph-save { width: 44px; height: 44px; min-height: 44px; }
  .zph[data-public-hotlists] .zph-source > footer time { font-size: 11px; }
  .zph[data-public-hotlists] .zph-source > footer button { min-height: 44px; }
  .zph[data-public-hotlists] .zph-detail-dialog { padding: 16px; border-radius: 15px; }
  .zph[data-public-hotlists] .zph-detail-dialog .zph-panel-head h2 { font-size: 18px; }
  .zph[data-public-hotlists] .zph-panel-actions > a,
  .zph[data-public-hotlists] .zph-panel-actions > button { flex: 1; }
}
@media(pointer:coarse) {
  .zph[data-public-hotlists] .zph-save { width: 44px; height: 44px; min-height: 44px; }
  .zph[data-public-hotlists] .zph-source li { grid-template-columns: 25px minmax(0,1fr) 44px; }
  .zph[data-public-hotlists] .zph-filters button,
  .zph[data-public-hotlists] .zph-source > footer button { min-height: 44px; }
}

/* Today’s hotspots are a primary entry on phone and desktop. Reuse the four-slot menu. */
@media(max-width:720px){
 .zmt-radar.has-mobile-tools .zmt-radar__nav nav>button[data-radar-view="hotlists"] { display:flex!important; order:0!important; }
 .zmt-radar.has-mobile-tools .zmt-radar__nav nav>button[data-radar-view="subscriptions"] { order:2; }
 .zmt-radar.has-mobile-tools .zmt-radar__nav:not(.is-mobile-expanded) nav:has(>button[data-radar-view="hotlists"])>button[data-radar-view="subscriptions"] { display:none; }
}

/* Compact masthead: the same vermilion, graphite and rounded tool surfaces. */
.zph[data-public-hotlists] .zph-heading {
  display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:20px;
  margin:0 0 12px; padding:18px 20px; min-height:96px;
  border:1px solid #e7dfe0; border-radius:14px;
  background:radial-gradient(ellipse at 100% 0%,rgba(163,62,66,.07),transparent 65%),linear-gradient(120deg,#fff 20%,#fcf8f6 100%);
  box-shadow:0 1px 2px rgba(40,28,30,.025),0 4px 14px rgba(40,28,30,.035);
}
.zph[data-public-hotlists] .zph-heading-main { display:flex; align-items:center; gap:13px; min-width:0; }
.zph[data-public-hotlists] .zph-heading-icon {
  display:grid; place-items:center; flex:none; width:44px; height:44px; border:1px solid #94373b;
  border-radius:11px; color:#fff; background:#a33e42; box-shadow:0 3px 7px rgba(140,44,50,.12);
}
.zph[data-public-hotlists] .zph-heading-icon svg { width:25px; height:25px; }
.zph[data-public-hotlists] .zph-heading-copy { min-width:0; }
.zph[data-public-hotlists] .zph-heading h1 { margin:0; font-size:24px; line-height:1.3; letter-spacing:-.02em; }
.zph[data-public-hotlists] .zph-heading-copy p { margin:6px 0 0; color:#5c626c; font-size:13px; line-height:1.65; }
.zph[data-public-hotlists] .zph-heading-meta { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:7px; }
.zph[data-public-hotlists] .zph-heading-meta > span {
  display:inline-flex; align-items:center; gap:6px; min-height:30px; padding:5px 9px;
  border:1px solid #e6dfe2; border-radius:7px; background:rgba(255,255,255,.8);
  color:#5c626c; font-size:12px; line-height:18px; white-space:nowrap; font-variant-numeric:tabular-nums;
}
.zph[data-public-hotlists] .zph-heading-meta svg { width:15px; height:15px; flex:none; color:#9d5154; }
@media(max-width:1100px) {
  .zph[data-public-hotlists] .zph-heading { grid-template-columns:minmax(0,1fr); gap:12px; }
  .zph[data-public-hotlists] .zph-heading-meta { justify-content:flex-start; }
}
@media(max-width:560px) {
  .zph[data-public-hotlists] .zph-heading { min-height:0; padding:13px 14px; gap:10px; border-radius:12px; }
  .zph[data-public-hotlists] .zph-heading-main { gap:11px; }
  .zph[data-public-hotlists] .zph-heading-icon { width:40px; height:40px; border-radius:10px; }
  .zph[data-public-hotlists] .zph-heading-icon svg { width:23px; height:23px; }
  .zph[data-public-hotlists] .zph-heading h1 { font-size:23px; }
  .zph[data-public-hotlists] .zph-heading-copy p { font-size:12px; line-height:1.65; margin-top:4px; }
  .zph[data-public-hotlists] .zph-heading-meta { gap:6px; }
  .zph[data-public-hotlists] .zph-heading-meta > span { min-height:28px; padding:4px 7px; font-size:11px; line-height:18px; }
  .zph[data-public-hotlists] .zph-heading-meta svg { width:14px; height:14px; }
}

/* The theme's generic svg fill must not fill these outline icons. */
.zph[data-public-hotlists] .zph-heading svg { fill:none; stroke:currentColor; }