/* The continued story stays inside the shared 393px 3D display. */
.evidence-screen {
  background:linear-gradient(rgb(255 255 255 / var(--flow-white,0)),rgb(255 255 255 / var(--flow-white,0))),#f3f1f9;
}
.evidence-flow { position:absolute; inset:0; z-index:5; pointer-events:none; visibility:hidden; }
.evidence-flow .hero-app-canvas { background:transparent; }
.evidence-flow-list { position:absolute; inset:160.7727px 0 110px; overflow:hidden; }
.evidence-flow-greeting { position:absolute; left:21.4364px; top:74.1341px; margin:0; color:#1e293b; font-size:28.5818px; font-weight:700; line-height:19.65px; }
.evidence-flow .evidence-flow-card { position:absolute; left:21.4364px; top:0; width:350.1273px; height:459.9887px; transform-origin:50% 50%; opacity:0; }
.evidence-flow .hero-app-first-vessel { left:0; top:0; }
.evidence-flow .hero-app-first-card { left:0; top:55.9793px; }
.evidence-flow .hero-app-first-card,.evidence-flow .hero-app-next-card,.evidence-flow .flow-report-body { background:#fff; border-radius:14.2909px; }
.evidence-flow button { font:inherit; cursor:default; }
.evidence-flow .hero-app-proceed { width:100%; padding:0; }
.evidence-flow .hero-app-options > button { width:153.6273px; height:41.0864px; padding:0; border:0.8932px solid #dadde9; border-radius:14.2909px; background:white; color:#535459; font-size:12.5045px; font-weight:600; }
.evidence-flow .hero-app-options > button.is-pressed { border-color:#5b70ff; color:#fff; background:#5b70ff; }
.evidence-flow .hero-app-proceed.is-pressed { background:#149956; color:#fff; }
.evidence-flow [data-flow-action].is-pressed { box-shadow:0 0 0 4px #8174ff30,inset 0 3px 6px #1a20482b; }
.evidence-flow [data-flow-action] { position:relative; overflow:hidden; transform-origin:center; }
.evidence-flow [data-flow-action]::before {
  content:''; position:absolute; z-index:2; left:50%; top:50%; width:13px; height:13px;
  margin:-6.5px; border:2px solid #7364db; border-radius:50%; background:#fff;
  box-shadow:0 0 0 5px #ffffff50; opacity:var(--tap-alpha,0);
  transform:scale(calc(1.4 - var(--tap-phase,0) * .4)); pointer-events:none;
}
.evidence-flow [data-flow-action]::after {
  content:''; position:absolute; left:50%; top:50%; width:32.1545px; height:32.1545px;
  margin:-16.0773px; border:1.7864px solid currentColor; border-radius:50%;
  background:rgb(255 255 255 / .3); opacity:var(--tap-alpha,0);
  transform:scale(calc(.45 + var(--tap-phase,0) * 1.65)); pointer-events:none;
}
.flow-report-bell { position:absolute; left:10.7182px; top:10.7182px; opacity:0; }
.evidence-flow .evidence-flow-report { height:282.2455px; }
.flow-report-vessel { position:absolute; left:0; top:0; width:350.1273px; color:#313131; }
.flow-report-vessel > div { display:flex; align-items:center; gap:10.7182px; height:21.4364px; }
.flow-report-vessel strong { font-size:17.8636px; line-height:21.4364px; font-weight:700; }
.flow-report-vessel > p { display:flex; justify-content:space-between; margin:5.3591px 0 0; color:#1e293b; font-size:12.5045px; line-height:17.8636px; }
.flow-report-body { position:absolute; left:0; top:57.9228px; width:350.1273px; height:224.3253px; }
.flow-report-body > img { position:absolute; left:0; top:0; }
.flow-report-tag { position:absolute; left:14.2909px; top:16.5417px; width:169.2285px; height:17.8636px; padding:0 3.5727px; display:flex; justify-content:center; align-items:center; gap:8.9318px; border-radius:10.7182px; background:#44d42a1f; color:#25c908; font-size:10.7182px; line-height:14.2909px; font-weight:600; white-space:nowrap; }
.flow-report-ship { position:absolute; left:14.2909px; top:47.8031px; width:313.5068px; height:66.9886px; }
.flow-report-ship-label { position:absolute; left:14.2909px; top:118.3645px; }
.flow-report-ship-label .hero-app-ship-label { margin:0; }
.flow-report-fouling { position:absolute; left:14.2909px; top:140px; width:321.5455px; display:flex; justify-content:space-between; color:#7f7f7f; font:10.7182px/15.1841px Arial,sans-serif; }
.flow-report-fouling > span { display:flex; gap:5px; }
.flow-report-fouling strong { color:#535459; font-weight:600; }
.flow-report-complete { position:absolute; left:14.2909px; top:144.8294px; height:16.0773px; display:flex; align-items:center; gap:4.4659px; color:#248a3d; font:400 11.6114px/16.0773px -apple-system,BlinkMacSystemFont,Arial,sans-serif; white-space:nowrap; opacity:0; visibility:hidden; }
.evidence-flow-report[data-report-state='complete'] .flow-report-fouling { visibility:hidden; }
.evidence-flow-report[data-report-state='complete'] .flow-report-complete { opacity:1; visibility:visible; }
.flow-report-actions { position:absolute; left:14.2909px; top:170.7317px; display:flex; gap:10.7182px; width:321.5455px; height:41.0864px; }
.flow-report-actions > button { display:flex; flex:none; align-items:center; justify-content:center; gap:7.1455px; width:155.4136px; height:41.0864px; padding:0 10.7182px; border:0; border-radius:10.7182px; font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif; font-weight:600; font-size:12.5045px; line-height:17.8636px; white-space:nowrap; }
.flow-report-download { color:#fff; background:#5959f7; }
.flow-report-email { color:#1d1d1f; background:#f5f5f7; }
.flow-report-download[data-state='downloading'] { color:#5959f7; background:#ebebff; }
.flow-report-download[data-state='complete'] { color:#fff; background:#5959f7; box-shadow:none; }
.flow-download-icon { position:relative; display:block; flex:none; width:16.0773px; height:16.0773px; }
.flow-download-icon > span { position:absolute; inset:0; display:flex; justify-content:center; align-items:center; opacity:0; }
.flow-download-progress { position:absolute; left:0; right:0; bottom:0; height:2.6795px; background:#5959f7; transform:scaleX(0); transform-origin:0 50%; opacity:0; }
.flow-report-download[data-state='downloading'] .flow-download-progress { opacity:1; }
.scene-autoplay .evidence-flow-card { will-change:transform,opacity; }
@media(prefers-reduced-motion:reduce) { .evidence-flow [data-flow-action]::before,.evidence-flow [data-flow-action]::after { display:none; } }