/* Shared search and the default discovery page use the existing local theme. */
#nav-drag-desktop .nd-hot-page { max-width:1504px; margin:0 auto; padding:12px 32px 24px; min-height:calc(100dvh - 88px); }
#nav-drag-desktop .nd-hot-hero { text-align:center; padding:24px 0 28px; }
#nav-drag-desktop .nd-hot-hero h1 { font-size:clamp(28px,3.1vw,44px); line-height:1.25; letter-spacing:-.045em; font-weight:700; margin:0 0 12px; }
#nav-drag-desktop #nd-hot-date { color:var(--nd-muted); font-size:14px; margin:0 0 26px; }
#nav-drag-desktop #nd-hot-search { max-width:820px; margin:0 auto; }
#nav-drag-desktop .nd-smart-search { display:flex; align-items:center; min-width:0; gap:10px; padding:5px 6px 5px 14px; background:var(--nd-control); border:1px solid var(--nd-glass-edge); }
#nav-drag-desktop .nd-search-hero { min-height:66px; padding:6px 7px 6px 22px; gap:22px; box-shadow:0 12px 35px var(--nd-shadow),inset 0 1px 0 var(--nd-glass-highlight); backdrop-filter:blur(24px) saturate(145%); }
#nav-drag-desktop .nd-engine-picker { display:flex; align-items:center; gap:8px; flex:none; border-right:1px solid var(--nd-line); padding-right:12px; }
#nav-drag-desktop .nd-engine-mark { font-size:21px; font-weight:750; color:var(--nd-blue); width:24px; text-align:center; }
#nav-drag-desktop .nd-engine-picker select { max-width:133px; width:112px; min-height:36px; padding:4px 2px; border:0; background:transparent; font-size:14px; font-weight:600; cursor:pointer; }
#nav-drag-desktop .nd-engine-picker option { background:var(--nd-surface); color:var(--nd-text); }
#nav-drag-desktop .nd-smart-search input { flex:1; width:0; min-width:0; padding:8px 0; background:transparent; border:0; outline:0; font-size:15px; color:var(--nd-text); }
#nav-drag-desktop .nd-smart-search input::placeholder { color:var(--nd-muted); opacity:.85; }
#nav-drag-desktop .nd-search-hero input { font-size:17px; }
#nav-drag-desktop .nd-search-hero button { width:50px; height:50px; min-height:50px; border-radius:50%; box-shadow:inset 0 1px 1px #ffffff65,0 3px 12px #007aff25; }
#nav-drag-desktop .nd-smart-search button svg { width:20px; height:20px; }
#nav-drag-desktop .nd-search-hint { font-size:12px; color:var(--nd-muted); margin:15px 0 0; }
#nav-drag-desktop kbd { font:inherit; font-weight:600; padding:0 3px; }
#nav-drag-desktop .nd-hot-toolbar { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin:0 0 14px; }
#nav-drag-desktop .nd-hot-section-title { display:flex; gap:14px; align-items:baseline; margin-bottom:12px; }
#nav-drag-desktop .nd-hot-section-title h2 { font-size:24px; font-weight:650; line-height:1.3; margin:0; }
#nav-drag-desktop .nd-hot-section-title>span { font-size:13px; color:var(--nd-muted); }
#nav-drag-desktop .nd-hot-filters,#nav-drag-desktop .nd-hot-tools { display:flex; align-items:center; gap:9px; }
#nav-drag-desktop .nd-hot-tools button,#nav-drag-desktop .nd-hot-filters button { font-size:13px; padding:7px 17px; min-height:36px; background:var(--nd-control); border:1px solid var(--nd-glass-edge); backdrop-filter:blur(16px); box-shadow:0 2px 10px var(--nd-shadow); }
#nav-drag-desktop .nd-hot-filters button[aria-pressed=true],#nav-drag-desktop[data-page=hot] .nd-workspaces button[aria-pressed=true] { color:white; background:var(--nd-blue-fill); box-shadow:0 3px 10px #007aff22; }
#nav-drag-desktop .nd-hot-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
#nav-drag-desktop .nd-hot-card { min-width:0; border:1px solid var(--nd-glass-edge); background:light-dark(#ffffffbd,#202837ed); backdrop-filter:blur(24px) saturate(140%); border-radius:24px; padding:16px 18px 10px; box-shadow:0 5px 20px var(--nd-shadow),inset 0 1px 0 var(--nd-glass-highlight); }
#nav-drag-desktop .nd-hot-card>header { display:flex; align-items:center; gap:10px; min-height:36px; margin-bottom:8px; }
#nav-drag-desktop .nd-platform-mark { width:32px; height:32px; border-radius:10px; background:var(--platform-color); color:#fff; font-size:19px; font-weight:600; display:inline-flex; align-items:center; justify-content:center; flex:none; box-shadow:inset 0 1px 1px #ffffff60; }
#nav-drag-desktop .nd-hot-card h3 { font-size:15px; font-weight:650; margin:0; letter-spacing:-.02em; }
#nav-drag-desktop .nd-platform-type { font-size:12px; color:var(--nd-muted); }
#nav-drag-desktop .nd-platform-out { display:flex; align-items:center; justify-content:center; width:32px; height:32px; margin-left:auto; color:var(--nd-muted); border-radius:8px; }
#nav-drag-desktop .nd-platform-out:hover { background:var(--nd-soft); color:var(--nd-blue); }
#nav-drag-desktop .nd-hot-list,#nav-drag-desktop #nd-hot-detail-list { list-style:none; padding:0; margin:0; }
#nav-drag-desktop .nd-hot-list { min-height:198px; }
#nav-drag-desktop .nd-hot-list a { display:flex; align-items:center; gap:10px; min-height:33px; font-size:14px; border-radius:7px; padding:4px; line-height:1.5; }
#nav-drag-desktop .nd-hot-list a:hover { background:var(--nd-soft); color:var(--nd-blue); }
#nav-drag-desktop .nd-hot-rank { display:inline-block; min-width:23px; color:var(--nd-muted); font-variant-numeric:tabular-nums; flex:none; }
#nav-drag-desktop li:nth-child(1) .nd-hot-rank { color:light-dark(#d63743,#ff8b95); }
#nav-drag-desktop li:nth-child(2) .nd-hot-rank { color:light-dark(#d75326,#ffad72); }
#nav-drag-desktop li:nth-child(3) .nd-hot-rank { color:light-dark(#b66c12,#f7c16d); }
#nav-drag-desktop .nd-hot-title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#nav-drag-desktop .nd-hot-card>footer { display:flex; align-items:center; justify-content:space-between; margin-top:6px; padding-top:5px; border-top:1px solid var(--nd-line); gap:6px; font-size:11px; color:var(--nd-muted); }
#nav-drag-desktop .nd-hot-card>footer button { min-height:28px; font-size:11px; padding:4px 6px; color:var(--nd-muted); gap:4px; }
#nav-drag-desktop .nd-hot-card>footer svg { width:13px; height:13px; }
#nav-drag-desktop .nd-hot-stale { color:light-dark(#925b12,#f5bc78); }
#nav-drag-desktop .nd-hot-unavailable { min-height:198px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:12px; }
#nav-drag-desktop .nd-hot-unavailable p { font-size:14px; font-weight:550; margin:0; }
#nav-drag-desktop .nd-hot-unavailable>span { color:var(--nd-muted); font-size:12px; text-align:center; }
#nav-drag-desktop .nd-hot-unavailable a { display:flex; align-items:center; gap:5px; color:var(--nd-blue); font-size:13px; }
#nav-drag-desktop .nd-hot-unavailable svg { width:14px; height:14px; }
#nav-drag-desktop .nd-hot-skeleton { min-height:198px; display:flex; flex-direction:column; gap:18px; padding:10px 4px; }
#nav-drag-desktop .nd-hot-skeleton span { height:15px; border-radius:4px; background:var(--nd-line); width:85%; animation:nd-hot-pulse 1.4s ease-in-out infinite alternate; }
#nav-drag-desktop .nd-hot-skeleton span:nth-child(2n) { width:65%; }
@keyframes nd-hot-pulse { to { opacity:.4; } }
#nav-drag-desktop .nd-hot-empty { grid-column:1/-1; padding:60px 24px; text-align:center; color:var(--nd-muted); background:var(--nd-glass); border:1px solid var(--nd-glass-edge); border-radius:24px; }
#nav-drag-desktop .nd-hot-empty h3 { color:var(--nd-text); font-weight:550; }
#nav-drag-desktop .nd-hot-empty button { background:var(--nd-control); border:1px solid var(--nd-glass-edge); }
#nav-drag-desktop .nd-hot-footer { display:flex; justify-content:space-between; gap:12px; padding:20px 0 0; font-size:12px; color:var(--nd-muted); }
#nav-drag-desktop .nd-hot-manage { width:min(560px,calc(100vw - 32px)); }
#nav-drag-desktop #nd-hot-options { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:20px 0; }
#nav-drag-desktop #nd-hot-options label { display:flex; align-items:center; gap:10px; cursor:pointer; background:var(--nd-control); border:1px solid var(--nd-glass-edge); border-radius:14px; padding:12px; font-size:14px; }
#nav-drag-desktop #nd-hot-options input { width:16px; height:16px; accent-color:var(--nd-blue-fill); }
#nav-drag-desktop #nd-hot-options small { display:block; font-size:11px; color:var(--nd-muted); }
#nav-drag-desktop .nd-hot-detail { width:min(720px,calc(100vw - 32px)); }
#nav-drag-desktop #nd-hot-detail-list a { display:flex; align-items:flex-start; gap:12px; padding:14px 0; border-top:1px solid var(--nd-line); font-size:15px; line-height:1.65; }
#nav-drag-desktop #nd-hot-detail-list a>span:nth-child(2) { flex:1; min-width:0; overflow-wrap:anywhere; }
#nav-drag-desktop #nd-hot-detail-list small { display:block; color:var(--nd-muted); font-size:12px; margin-top:4px; }
#nav-drag-desktop #nd-hot-detail-list a>svg { color:var(--nd-muted); margin-top:4px; }
#nav-drag-desktop #nd-hot-detail-list a:hover { color:var(--nd-blue); }
@media(max-width:1100px) {
  #nav-drag-desktop .nd-workspaces button { min-width:70px; padding-inline:17px; }
  #nav-drag-desktop .nd-hot-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #nav-drag-desktop .nd-account { gap:6px; }
}
@media(max-width:650px) {
  #nav-drag-desktop .nd-hot-page { padding:10px 16px 24px; }
  #nav-drag-desktop .nd-hot-hero { padding:20px 0 26px; }
  #nav-drag-desktop .nd-hot-hero h1 { font-size:27px; line-height:1.4; text-wrap:balance; }
  #nav-drag-desktop #nd-hot-date { font-size:12px; margin-bottom:20px; }
  #nav-drag-desktop .nd-hot-grid { grid-template-columns:1fr; gap:14px; }
  #nav-drag-desktop .nd-search-hero { padding:6px 6px 6px 12px; min-height:56px; gap:10px; }
  #nav-drag-desktop .nd-engine-picker { padding-right:6px; gap:3px; }
  #nav-drag-desktop .nd-engine-picker select { width:80px; font-size:12px; }
  #nav-drag-desktop .nd-engine-mark { font-size:17px; width:20px; }
  #nav-drag-desktop .nd-search-hero input { font-size:14px; }
  #nav-drag-desktop .nd-search-hero button { width:38px; height:38px; min-height:38px; }
  #nav-drag-desktop .nd-hot-toolbar { display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px; }
  #nav-drag-desktop .nd-hot-section-title { gap:10px; }
  #nav-drag-desktop .nd-hot-section-title h2 { font-size:22px; }
  #nav-drag-desktop .nd-hot-section-title>span { font-size:11px; }
  #nav-drag-desktop .nd-hot-tools { justify-content:flex-end; }
  #nav-drag-desktop .nd-hot-toolbar>div:first-child { display:contents; }
  #nav-drag-desktop .nd-hot-section-title { margin:0; grid-column:1/-1; }
  #nav-drag-desktop .nd-hot-tools { gap:5px; }
  #nav-drag-desktop .nd-hot-tools button,#nav-drag-desktop .nd-hot-filters button { padding:7px 11px; font-size:12px; }
  #nav-drag-desktop .nd-hot-tools button svg { display:none; }
  #nav-drag-desktop .nd-hot-footer { flex-direction:column; gap:6px; font-size:11px; }
  #nav-drag-desktop .nd-hot-card { padding:16px 16px 10px; }
}
@media(max-width:370px) {
  #nav-drag-desktop .nd-hot-tools { grid-column:1/-1; }
  #nav-drag-desktop #nd-hot-options { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { #nav-drag-desktop .nd-hot-skeleton span { animation:none; } }