/* Public shared results — /r/{token} (2026-09-22). Read-only report, built on
   the dashboard's search-detail system (header card, stat strip, layers,
   rows with signal cells + confidence bar). Tokens below so dark mode is one block. */
main.sh-page {
    --sh-ink: #16161d; --sh-body: #3f3f50; --sh-muted: #6b6b80; --sh-muted-2: #8e8ea3;
    --sh-surface: #fff; --sh-surface-2: #f7f7fb; --sh-line: #ececf4; --sh-line-2: #f0f0f7;
    --sh-primary: #6d5ce6; --sh-primary-ink: #4c3fb8; --sh-primary-pale: #f0effa; --sh-primary-line: #ddd6fe;
    --sh-violet: #8b5cf6; --sh-violet-deep: #5850ec;
    --sh-ok: #00915f; --sh-ok-pale: #e8f8f1; --sh-ok-line: #b9e8d4;
    --sh-bad: #c81e1e; --sh-bad-pale: #fef2f2; --sh-bad-line: #fecaca;
    --sh-warn: #b54708; --sh-warn-pale: #fff6e5; --sh-warn-line: #fedf89;
    --sh-na-line: #d9d9e6;
    position: relative; z-index: 1;   /* above the site's .rv-decor lines (z-index 0), so they pass behind the cards */
    background: transparent; padding: 30px 20px 80px; color: var(--sh-ink);
}
.sh-wrap { max-width: 1160px; margin: 0 auto; display: flex; flex-direction: column; gap: 16px; }
.sh-card { background: var(--sh-surface); border: 1px solid var(--sh-line); border-radius: 22px; box-shadow: 0 1px 2px rgba(22,22,29,.04), 0 18px 40px -30px rgba(80,63,205,.35); }
.sh-hint { font-size: 12.5px; color: var(--sh-muted-2); }
.sh-eyebrow { font-size: 11px; font-weight: 800; letter-spacing: .1em; color: var(--sh-primary-ink); }

/* report bar */
.sh-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.sh-bar__brand { display: flex; align-items: center; gap: 11px; }
.sh-bar__brand img { width: 34px; height: 34px; border-radius: 10px; }
.sh-bar__brand b { display: block; font-size: 14.5px; font-weight: 800; letter-spacing: -.01em; }
.sh-bar__brand span { font-size: 12.5px; color: var(--sh-muted-2); }
.sh-bar__lock { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 999px; background: var(--sh-surface); border: 1px solid var(--sh-line); font-size: 12.5px; font-weight: 700; color: var(--sh-muted); }
.sh-bar__lock svg { width: 14px; height: 14px; }

/* header */
.sh-head { display: flex; align-items: center; gap: 18px; padding: 18px; }
.sh-head__thumb { position: relative; width: 176px; aspect-ratio: 16 / 9; border-radius: 14px; flex-shrink: 0; background: var(--sh-primary-pale) center/cover no-repeat; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.sh-head__play { position: absolute; right: 8px; bottom: 8px; width: 26px; height: 26px; border-radius: 999px; background: rgba(22,22,29,.72); color: #fff; display: flex; align-items: center; justify-content: center; }
.sh-head__play svg { width: 12px; height: 12px; margin-left: 2px; }
.sh-head__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 7px; }
.sh-head__tags { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.sh-head__title { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.025em; line-height: 1.2; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.sh-head__sub { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; color: var(--sh-muted); }
.sh-engines { display: inline-flex; gap: 4px; }
.sh-engines img { width: 18px; height: 18px; padding: 2px; border-radius: 6px; background: var(--sh-surface); border: 1px solid var(--sh-line); box-sizing: border-box; }
.sh-tag { display: inline-flex; align-items: center; font-size: 10.5px; font-weight: 800; letter-spacing: .07em; padding: 4px 9px; border-radius: 7px; white-space: nowrap; }
.sh-tag--deep  { background: linear-gradient(120deg, var(--sh-violet-deep), var(--sh-violet)); color: #fff; }
.sh-tag--basic { background: var(--sh-primary-pale); color: var(--sh-primary-ink); border: 1px solid var(--sh-primary-line); }
.sh-tag--ink   { background: var(--sh-ink); color: #fff; }
.sh-state { display: inline-flex; align-items: center; gap: 7px; padding: 7px 13px; border-radius: 999px; font-size: 12.5px; font-weight: 800; flex-shrink: 0; align-self: flex-start; }
.sh-state__dot { width: 7px; height: 7px; border-radius: 999px; background: currentColor; }
.sh-state--done { background: var(--sh-ok-pale); color: var(--sh-ok); border: 1px solid var(--sh-ok-line); }
.sh-state--running, .sh-state--verifying { background: var(--sh-primary-pale); color: var(--sh-primary-ink); border: 1px solid var(--sh-primary-line); }
.sh-state--running .sh-state__dot, .sh-state--verifying .sh-state__dot, .sh-note__dot { animation: sh-pulse 1.4s ease infinite; }
@keyframes sh-pulse { 50% { opacity: .3; } }
.sh-note { display: flex; align-items: center; gap: 10px; padding: 11px 16px; border-radius: 14px; background: var(--sh-primary-pale); border: 1px solid var(--sh-primary-line); color: var(--sh-primary-ink); font-size: 13px; font-weight: 600; }
.sh-note__dot { width: 8px; height: 8px; border-radius: 999px; background: var(--sh-primary); flex-shrink: 0; }

/* stat strip */
.sh-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.sh-stat { background: var(--sh-surface); border: 1px solid var(--sh-line); border-radius: 18px; padding: 15px 17px; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.sh-stat__label { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--sh-muted-2); }
.sh-stat b { font-size: 30px; font-weight: 800; letter-spacing: -.035em; line-height: 1.1; font-variant-numeric: tabular-nums; }
.sh-stat b.sh-stat__date { font-size: 20px; line-height: 1.5; letter-spacing: -.02em; }
.sh-stat__foot { font-size: 12.5px; color: var(--sh-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sh-stat__icons { display: flex; gap: 6px; flex-wrap: wrap; min-height: 18px; }
.sh-stat__icons img { width: 18px; height: 18px; }
.sh-stat--copy { background: linear-gradient(160deg, var(--sh-surface), var(--sh-bad-pale)); border-color: var(--sh-bad-line); }
.sh-stat--copy b { color: var(--sh-bad); }

/* layers */
.sh-layers { padding: 18px; display: flex; flex-direction: column; gap: 14px; }
.sh-sechead { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.sh-layers__grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.sh-layer { border: 1px solid var(--sh-line); border-radius: 14px; padding: 11px 12px; display: flex; flex-direction: column; gap: 5px; background: var(--sh-surface-2); }
.sh-layer__top { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.sh-layer__top b { font-size: 13px; font-weight: 800; }
.sh-layer__top i { font-style: normal; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; padding: 2px 7px; border-radius: 999px; background: var(--sh-line-2); color: var(--sh-muted-2); }
.sh-layer__desc { font-size: 11.5px; line-height: 1.45; color: var(--sh-muted); }
.sh-layer--done { border-color: var(--sh-ok-line); background: linear-gradient(160deg, var(--sh-surface), var(--sh-ok-pale)); }
.sh-layer--done i { background: var(--sh-ok-pale); color: var(--sh-ok); }
.sh-layer--running i, .sh-layer--queued i { background: var(--sh-primary-pale); color: var(--sh-primary-ink); }
.sh-layer--failed i, .sh-layer--timed-out i { background: var(--sh-bad-pale); color: var(--sh-bad); }

/* results list */
.sh-list { overflow: hidden; }
.sh-list__head { padding: 18px 20px 14px; display: flex; flex-direction: column; gap: 14px; border-bottom: 1px solid var(--sh-line); }
.sh-list__title { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.sh-list__title h2 { margin: 0; font-size: 19px; font-weight: 800; letter-spacing: -.02em; }
.sh-filters { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: space-between; }
.sh-tabs { display: inline-flex; gap: 4px; flex-wrap: wrap; padding: 4px; border-radius: 999px; background: var(--sh-surface-2); border: 1px solid var(--sh-line); }
.sh-tab { font: inherit; font-size: 12.5px; font-weight: 700; color: var(--sh-muted); background: none; border: none; border-radius: 999px; padding: 7px 13px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.sh-tab span { font-size: 11px; font-weight: 800; padding: 1px 7px; border-radius: 999px; background: var(--sh-line-2); color: var(--sh-muted); }
.sh-tab:hover { color: var(--sh-ink); }
.sh-tab.is-on { background: var(--sh-ink); color: #fff; }
.sh-tab.is-on span { background: rgba(255,255,255,.18); color: #fff; }
.sh-tab--copy.is-on { background: var(--sh-bad); }
.sh-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.sh-chip { font: inherit; font-size: 12px; font-weight: 700; color: var(--sh-body); background: var(--sh-surface); border: 1px solid var(--sh-line); border-radius: 999px; padding: 5px 11px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.sh-chip span { color: var(--sh-muted-2); font-weight: 800; }
.sh-chip.is-on { border-color: var(--sh-primary); background: var(--sh-primary-pale); color: var(--sh-primary-ink); }

.sh-cols { display: flex; align-items: center; gap: 16px; padding: 9px 20px; background: var(--sh-surface-2); border-bottom: 1px solid var(--sh-line); font-size: 10.5px; font-weight: 800; letter-spacing: .08em; color: var(--sh-muted-2); }
.sh-cols__match { flex: 1; }
.sh-cols__sig { width: 292px; text-align: center; }
.sh-cols__conf { width: 132px; }

.sh-row { display: flex; align-items: center; gap: 16px; padding: 14px 20px; border-bottom: 1px solid var(--sh-line-2); transition: background .15s; }
.sh-row:last-child { border-bottom: none; }
.sh-row:hover { background: var(--sh-surface-2); }
.sh-row[hidden] { display: none; }
.sh-row__thumb { position: relative; width: 148px; aspect-ratio: 16 / 9; border-radius: 11px; flex-shrink: 0; background: var(--sh-primary-pale) center/cover no-repeat; overflow: hidden; }
.sh-verdict { position: absolute; left: 6px; top: 6px; font-size: 10.5px; font-weight: 800; padding: 3px 8px; border-radius: 999px; }
.sh-verdict--copy { background: var(--sh-bad); color: #fff; }
.sh-verdict--similar { background: rgba(255,255,255,.93); color: var(--sh-warn); }
.sh-verdict--same-person { background: rgba(255,255,255,.93); color: var(--sh-primary-ink); }
.sh-verdict--authorised { background: var(--sh-ok); color: #fff; }
.sh-row--copy .sh-row__thumb { box-shadow: 0 0 0 2px var(--sh-bad-line); }
.sh-row__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.sh-row__tags { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.sh-row__platform { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--sh-muted); }
.sh-row__title { font-size: 14.5px; font-weight: 700; letter-spacing: -.01em; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.sh-row__by { font-size: 12.5px; color: var(--sh-muted); }
.sh-row__by a, .sh-row__by b { color: var(--sh-body); font-weight: 700; text-decoration: none; }
.sh-row__by a:hover { color: var(--sh-primary); text-decoration: underline; }
a.sh-row__link { align-self: flex-start; display: inline-flex; align-items: center; gap: 5px; max-width: 100%; font-size: 12.5px; font-weight: 700; color: var(--sh-primary); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
a.sh-row__link:hover { text-decoration: underline; }

.sh-sig { display: flex; gap: 7px; flex-shrink: 0; width: 292px; justify-content: center; }
.sh-sig__cell { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 42px; cursor: default; }
.sh-sig__label { font-size: 9px; font-weight: 800; letter-spacing: .03em; color: var(--sh-muted-2); }
.sh-mark { width: 30px; height: 30px; border-radius: 9px; display: inline-flex; align-items: center; justify-content: center; font-size: 12.5px; font-weight: 800; box-sizing: border-box; flex-shrink: 0; }
.sh-mark--match   { background: var(--sh-ok-pale); border: 1px solid var(--sh-ok-line); color: var(--sh-ok); }
.sh-mark--no      { background: var(--sh-bad-pale); border: 1px solid var(--sh-bad-line); color: var(--sh-bad); }
.sh-mark--na      { background: var(--sh-surface); border: 1px dashed var(--sh-na-line); color: #b0b0c2; }
.sh-mark--similar { background: var(--sh-warn-pale); border: 1px solid var(--sh-warn-line); color: var(--sh-warn); }

.sh-conf { width: 132px; flex-shrink: 0; display: flex; flex-direction: column; gap: 5px; }
.sh-conf__head { display: flex; align-items: baseline; gap: 5px; }
.sh-conf__pct { font-size: 21px; font-weight: 800; letter-spacing: -.03em; font-variant-numeric: tabular-nums; color: var(--sh-body); }
.sh-conf__pct--hot  { color: var(--sh-bad); }
.sh-conf__pct--warm { color: var(--sh-warn); }
.sh-conf__pct--none { color: var(--sh-muted-2); }
.sh-conf__word { font-size: 10.5px; font-weight: 700; color: var(--sh-muted-2); }
.sh-conf__bar { display: flex; gap: 3px; }
.sh-conf__seg { flex: 1; height: 6px; border-radius: 99px; border: 1px dashed var(--sh-na-line); box-sizing: border-box; }
.sh-conf__seg--match { background: linear-gradient(90deg, var(--sh-violet-deep), var(--sh-violet)); border: none; }
.sh-conf__seg--no    { background: var(--sh-bad-line); border: none; }
.sh-conf__note { font-size: 10.5px; font-weight: 700; color: var(--sh-muted-2); white-space: nowrap; }

.sh-list__foot { display: flex; justify-content: center; padding: 0 20px; }
.sh-list__foot:has(> :not([hidden])) { padding: 14px 20px 18px; border-top: 1px solid var(--sh-line-2); }
.sh-filters__empty { font-size: 13px; color: var(--sh-muted); }
.sh-btn { font: inherit; font-size: 13px; font-weight: 800; border-radius: 999px; padding: 10px 18px; cursor: pointer; }
.sh-btn--soft { background: var(--sh-primary-pale); color: var(--sh-primary-ink); border: 1px solid var(--sh-primary-line); }
.sh-btn--soft:hover { background: var(--sh-primary-line); }

.sh-legend { padding: 13px 18px; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.sh-legend__item { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; color: var(--sh-body); }
.sh-legend .sh-mark { width: 22px; height: 22px; border-radius: 7px; font-size: 11px; }

.sh-empty { padding: 44px 24px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.sh-empty__ico { width: 50px; height: 50px; border-radius: 15px; background: var(--sh-primary-pale); color: var(--sh-primary); display: flex; align-items: center; justify-content: center; }
.sh-empty__ico svg { width: 24px; height: 24px; }
.sh-empty b { font-size: 17px; }
.sh-empty span { font-size: 13.5px; color: var(--sh-muted); }

/* trust + CTA */
.sh-trust { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 6px; }
.sh-trust__item { padding: 16px 18px; border-radius: 18px; border: 1px solid var(--sh-line); background: var(--sh-surface); display: flex; flex-direction: column; gap: 4px; }
.sh-trust__item b { font-size: 14px; font-weight: 800; }
.sh-trust__item span { font-size: 12.5px; line-height: 1.5; color: var(--sh-muted); }
.sh-cta { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; justify-content: space-between; padding: 24px 26px; border-radius: 22px; background: radial-gradient(120% 140% at 0% 0%, #2a2250 0%, #16161d 60%); color: #fff; }
.sh-cta b { display: block; font-size: 17px; font-weight: 800; }
.sh-cta span { font-size: 13px; color: #a3a3b8; }
a.sh-cta__btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 999px; background: linear-gradient(120deg, #5850ec, #8b5cf6); color: #fff; font-size: 14px; font-weight: 800; text-decoration: none; white-space: nowrap; }
a.sh-cta__btn:hover { color: #fff; text-decoration: none; filter: brightness(1.07); }

/* link-gone page */
.sh-hero__title { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -.02em; }
.sh-gone { padding: 48px 28px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.sh-gone__ico { width: 54px; height: 54px; border-radius: 16px; background: var(--sh-primary-pale); color: var(--sh-primary); display: inline-flex; align-items: center; justify-content: center; }
.sh-gone__ico svg { width: 26px; height: 26px; }
.sh-gone__text { margin: 0; max-width: 460px; color: var(--sh-muted); font-size: 14px; line-height: 1.6; }

/* dark */
[data-theme="dark"] main.sh-page {
    --sh-ink: #f3f3f8; --sh-body: #d4d4e0; --sh-muted: #a3a3b8; --sh-muted-2: #8a8aa0;
    --sh-surface: var(--rv-surface, #1c1c28); --sh-surface-2: rgba(255,255,255,.03); --sh-line: var(--rv-border, #2c2c3c); --sh-line-2: rgba(255,255,255,.06);
    --sh-primary: #a78bfa; --sh-primary-ink: #c4b5fd; --sh-primary-pale: rgba(139,92,246,.16); --sh-primary-line: rgba(139,92,246,.35);
    --sh-ok: #4ade80; --sh-ok-pale: rgba(34,197,94,.12); --sh-ok-line: rgba(74,222,128,.3);
    --sh-bad: #f87171; --sh-bad-pale: rgba(239,68,68,.12); --sh-bad-line: rgba(248,113,113,.35);
    --sh-warn: #fbbf24; --sh-warn-pale: rgba(245,158,11,.12); --sh-warn-line: rgba(251,191,36,.3);
    --sh-na-line: #3a3a4c;
    background: transparent;
}
[data-theme="dark"] .sh-verdict--copy { color: #16161d; }
[data-theme="dark"] .sh-verdict--similar, [data-theme="dark"] .sh-verdict--same-person { background: rgba(22,22,29,.85); }
[data-theme="dark"] .sh-tab.is-on { background: #f3f3f8; color: #16161d; }
[data-theme="dark"] .sh-tab.is-on span { background: rgba(0,0,0,.1); color: #16161d; }
[data-theme="dark"] .sh-tag--ink { background: #f3f3f8; color: #16161d; }

/* responsive */
@media (max-width: 1060px) {
    .sh-layers__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .sh-cols { display: none; }
    .sh-row { flex-wrap: wrap; }
    .sh-row__body { flex: 1 1 calc(100% - 170px); }
    .sh-sig { width: auto; justify-content: flex-start; margin-left: 164px; }
    .sh-conf { margin-left: auto; }
}
@media (max-width: 760px) {
    .sh-stats { grid-template-columns: 1fr 1fr; }
    .sh-trust { grid-template-columns: 1fr; }
    .sh-head { flex-wrap: wrap; }
    .sh-head__thumb { width: 100%; }
    .sh-state { order: -1; }
}
@media (max-width: 560px) {
    main.sh-page { padding: 18px 14px 60px; }
    .sh-layers__grid { grid-template-columns: 1fr 1fr; }
    .sh-list__head, .sh-row { padding-left: 14px; padding-right: 14px; }
    .sh-row { gap: 12px; }
    .sh-row__thumb { width: 112px; }
    .sh-row__body { flex-basis: calc(100% - 124px); }
    .sh-sig { margin-left: 0; gap: 4px; }
    .sh-sig__cell { width: 36px; }
    .sh-conf { width: 100%; margin-left: 0; }
    .sh-head__title { font-size: 19px; }
    .sh-stat b { font-size: 25px; }
    .sh-stat__foot { white-space: normal; }
}

/* "▶ 1:23" — the copy opens where the owner's footage starts (2026-09-23) */
.sh-at { position: absolute; right: 6px; bottom: 6px; padding: 3px 7px; border-radius: 999px; background: rgba(22,22,29,.82); color: #fff; font-size: 10.5px; font-weight: 800; letter-spacing: .01em; }
.sh-row__at { margin-left: 7px; padding: 1px 7px; border-radius: 999px; background: var(--sh-primary-pale); border: 1px solid var(--sh-primary-line); color: var(--sh-primary-ink); font-size: 11px; font-weight: 800; }