@charset "UTF-8";
/* Slop Scope (/browser): a calm viewing booth. The original detector keeps styles.css; nothing here is shared with it. */
:root{color-scheme:light;--room-top:oklch(97.6% .003 250);--room:oklch(95.3% .004 250);--room-deep:oklch(92.6% .005 252);--surface:oklch(99% .0015 250);--surface-2:oklch(97.1% .003 250);--surface-3:oklch(94.6% .004 252);--booth-top:oklch(91.8% .005 251);--booth-bottom:oklch(86% .007 252);--line:oklch(90% .005 255);--line-strong:oklch(82.5% .007 255);--ink:oklch(25% .016 258);--ink-2:oklch(41.5% .014 258);--ink-3:oklch(49% .012 258);--accent:oklch(50% .125 262);--accent-strong:oklch(43.5% .125 262);--accent-soft:oklch(95.2% .02 262);--accent-line:oklch(79% .065 262);--ai:oklch(47% .1 322);--ai-soft:oklch(95.4% .019 322);--real:oklch(47% .075 182);--real-soft:oklch(95.4% .018 182);--neutral:oklch(52% .01 258);--danger:oklch(47% .13 30);--danger-ink:oklch(40% .11 30);--danger-soft:oklch(96.9% .015 30);--danger-line:oklch(86% .045 30);--lamp-ok:oklch(64% .11 168);--fixture:oklch(95.6% .018 292);--fixture-2:oklch(93.6% .024 292);--fixture-ink:oklch(37% .07 292);--font-ui:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--font-display:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;--font-mono:ui-monospace,"Cascadia Mono","SF Mono",Menlo,Consolas,"Liberation Mono",monospace;--radius-lg:18px;--radius:14px;--radius-sm:10px;--shadow-card:0 1px 1px oklch(28% .02 258 / .04),0 10px 28px -14px oklch(28% .02 258 / .16);--shadow-plate:0 18px 30px -16px oklch(18% .02 258 / .5),0 3px 8px -2px oklch(18% .02 258 / .2);--ease:cubic-bezier(.16,1,.3,1);--fast:160ms;--medium:240ms;--lamp:900ms;font-family:var(--font-ui);font-size:15px;line-height:1.55;color:var(--ink);background:var(--room);font-synthesis:none;-webkit-font-smoothing:antialiased}
*,*::before,*::after{box-sizing:border-box}
*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}
body{margin:0;min-height:100vh;background:var(--room)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(110% 55% at 50% -8%,var(--room-top) 0%,oklch(97.6% .003 250 / 0) 62%),linear-gradient(180deg,var(--room) 0%,var(--room-deep) 100%)}
::selection{background:oklch(87% .055 262);color:var(--ink)}
input,textarea{caret-color:var(--accent)}
button,input{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
button,a,input,summary,label{touch-action:manipulation}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
a{color:var(--accent);text-underline-offset:4px;text-decoration-thickness:1px}
h1,h2,h3,h4,p{margin:0}
h1{font-family:var(--font-display);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}
h2{font-size:16px;font-weight:600;letter-spacing:-.005em;line-height:1.3}
h3{font-size:19px;font-weight:600;letter-spacing:-.01em;line-height:1.3;text-wrap:balance}
h4{font-size:14px;font-weight:600}
p{line-height:1.55;text-wrap:pretty}
img{max-width:100%}
[hidden]{display:none!important}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-64px;left:16px;z-index:10;padding:10px 14px;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink)}
.skip-link:focus{top:12px}
.icon{width:18px;height:18px;flex:none}
.icon path{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Top bar */
.topbar{border-bottom:1px solid oklch(88% .005 255 / .85);background:oklch(97.4% .003 250 / .7)}
.topbar-inner{max-width:1400px;margin:0 auto;padding:13px 40px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto;min-width:0}
.brand-mark{width:36px;height:36px;flex:none;filter:drop-shadow(0 4px 8px oklch(28% .02 258 / .12))}
.brand-mark .mark-booth{fill:oklch(90.5% .005 252);stroke:oklch(81% .008 255);stroke-width:1}
.brand-mark .mark-lamp{stroke:oklch(99.5% .003 250);stroke-width:2.6;stroke-linecap:round}
.brand-mark .mark-windows rect{fill:oklch(97% .003 250);stroke:oklch(52% .015 258);stroke-width:1.1}
.brand-mark .mark-windows .mark-lit{fill:var(--accent);stroke:var(--accent)}
.brand-text{display:grid;gap:1px;min-width:0}
.brand-text strong{font-family:var(--font-display);font-size:17px;font-weight:650;letter-spacing:-.015em}
.brand-text span{font-size:12.5px;color:var(--ink-3)}
.mode-link{display:inline-flex;align-items:center;gap:6px;padding:6px 2px;font-size:13.5px;font-weight:500;text-decoration:none;white-space:nowrap}
.mode-link .icon{width:16px;height:16px;transition:transform var(--fast) var(--ease)}
.mode-link:hover{color:var(--accent-strong);text-decoration:underline}
.mode-link:hover .icon{transform:translateX(2px)}
.connection-status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-2);white-space:nowrap}
.connection-status::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:var(--line-strong);box-shadow:0 0 0 3px oklch(82.5% .007 255 / .35)}
.connection-status.connected::before{background:var(--lamp-ok);box-shadow:0 0 0 3px oklch(64% .11 168 / .2)}
.test-banner{width:min(1320px,calc(100% - 80px));margin:16px auto 0;padding:10px 16px;border:1px dashed oklch(72% .06 292);border-radius:var(--radius-sm);background:repeating-linear-gradient(135deg,var(--fixture) 0 12px,var(--fixture-2) 12px 24px);color:var(--fixture-ink);font-size:13px;line-height:1.5}

/* Page frame */
.workspace{max-width:1400px;margin:0 auto;padding:26px 40px 44px}
.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,36rem) auto;align-items:end;gap:14px 40px;margin-bottom:22px}
.intro-title{display:grid;gap:6px}
.intro-title p{font-size:15px;color:var(--ink-2)}
.experiment-note{font-size:13px;line-height:1.55;color:var(--ink-2);overflow-wrap:anywhere}
.banner{margin-bottom:18px;padding:12px 16px;border-radius:var(--radius-sm);font-size:13.5px;line-height:1.55;overflow-wrap:anywhere}
.danger{background:var(--danger-soft);border:1px solid var(--danger-line);color:var(--danger-ink)}
.workspace-grid{display:grid;grid-template-columns:minmax(330px,420px) repeat(2,minmax(0,1fr));grid-template-areas:"rail report report" "rail session history";gap:20px 28px;align-items:start}
/* The rail keeps the booth and sign-off beside the sheet while a long report scrolls; its padding leaves room for card shadows. */
.rail{grid-area:rail;display:flex;flex-direction:column;gap:16px;min-width:0;margin:-14px -14px 0;padding:14px 14px 24px}
.workspace-grid:has(.report-body,.browser-measurements)>.rail{position:sticky;top:0;max-height:100vh;overflow-y:auto}
.booth-card{grid-area:booth}
.signoff-card{grid-area:signoff}
.report-card{grid-area:report}
.session-card{grid-area:session}
.history-card{grid-area:history}
.card{min-width:0;background:var(--surface);border:1px solid oklch(90% .005 255 / .9);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.status-tag{display:inline-flex;align-items:center;gap:7px;padding:3px 10px 3px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:550;line-height:1.5;white-space:nowrap}
.status-tag[data-tone]::before{content:"";width:6px;height:6px;flex:none;border-radius:50%;border:1.5px solid currentColor;opacity:.75}
.status-tag[data-tone="active"]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-strong)}
.status-tag[data-tone="active"]::before{border:0;background:var(--accent);opacity:1;animation:breathe 2.4s ease-in-out infinite}
.status-tag[data-tone="ok"]{background:var(--surface);color:var(--ink)}
.status-tag[data-tone="ok"]::before{border:0;background:var(--ink-2);opacity:1}
.status-tag[data-tone="attention"]{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-ink)}
.field-note{font-size:12.5px;line-height:1.55;color:var(--ink-3)}
.page-footer{max-width:84ch;margin:34px auto 0;font-size:12.5px;line-height:1.6;color:var(--ink-3);text-align:center}

/* Buttons */
.primary-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;padding:12px 16px 12px 18px;border:1px solid var(--accent-strong);border-radius:var(--radius-sm);background:linear-gradient(180deg,oklch(53.5% .125 262),var(--accent));color:oklch(99% .003 262);font-size:14.5px;font-weight:600;box-shadow:inset 0 1px 0 oklch(100% 0 0 / .18),0 8px 18px -10px oklch(40% .12 262 / .7);transition:background var(--fast),box-shadow var(--fast),transform var(--fast)}
.primary-button:enabled:hover{background:linear-gradient(180deg,oklch(49% .125 262),var(--accent-strong))}
.primary-button:enabled:active{transform:translateY(1px);box-shadow:inset 0 1px 0 oklch(100% 0 0 / .12),0 4px 10px -8px oklch(40% .12 262 / .7)}
.primary-button:disabled{border-color:var(--line);background:var(--surface-3);color:var(--ink-3);box-shadow:none}
.primary-button .icon{transition:transform var(--fast) var(--ease)}
.primary-button:enabled:hover .icon{transform:translateX(3px)}
.quiet-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:550;box-shadow:0 1px 2px oklch(28% .02 258 / .06);transition:background var(--fast),border-color var(--fast)}
.quiet-button:enabled:hover,.secondary-button:enabled:hover{background:var(--surface-2);border-color:oklch(75% .01 255)}
.quiet-button:disabled,.secondary-button:disabled{background:var(--surface-2);color:var(--ink-3);box-shadow:none}
.quiet-button .icon,.secondary-button .icon{width:16px;height:16px}
#new-inspection{white-space:nowrap}
.full-width{width:100%}
.text-button{padding:4px 7px;border:0;border-radius:7px;background:none;color:var(--ink-2);font-size:13px;white-space:nowrap}
.text-button:enabled:hover{background:var(--surface-3);color:var(--ink)}
.text-button:disabled{color:var(--ink-3)}

/* The booth */
.booth-card{display:grid;gap:12px;padding:16px}
.booth{--lamp-level:.8;position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius);background:linear-gradient(180deg,var(--booth-top),var(--booth-bottom));box-shadow:inset 0 1px 0 oklch(100% 0 0 / .55),inset 0 -22px 34px -26px oklch(20% .02 258 / .3),inset 0 0 0 1px oklch(80% .006 255 / .65)}
.booth::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(88% 115% at 50% -8%,oklch(99.6% .003 250 / .97) 0%,oklch(99.6% .003 250 / .5) 42%,oklch(99.6% .003 250 / 0) 80%);opacity:var(--lamp-level);transition:opacity var(--lamp) var(--ease)}
.booth[data-phase="off"]{--lamp-level:.18}
.booth[data-phase="warming"]{--lamp-level:.7}
.booth[data-phase="warming"]::before{animation:lamp-warm 1.8s ease-in-out infinite alternate}
.booth[data-phase="steady"],.booth[data-phase="filed"]{--lamp-level:1}
.booth[data-phase="assessing"]{--lamp-level:.9}
.booth[data-phase="attention"],.booth[data-phase="withdrawn"]{--lamp-level:.08}
.booth:has(.dropzone:enabled:hover),.booth.dragging{--lamp-level:1}
.booth.dragging{box-shadow:inset 0 1px 0 oklch(100% 0 0 / .55),inset 0 0 0 2px var(--accent-line)}
.dropzone{position:relative;display:grid;place-items:center;width:100%;min-height:300px;padding:28px 24px;border:0;border-radius:inherit;background:transparent;color:var(--ink-2);text-align:center}
.dropzone:focus-visible{outline-offset:-5px}
.dropzone::before{content:"";position:absolute;inset:16px;border:1.5px dashed oklch(70% .01 255 / .75);border-radius:12px;transition:border-color var(--medium),background var(--medium)}
.dropzone:enabled:hover::before,.booth.dragging .dropzone::before{border-color:var(--accent-line);background:oklch(99% .004 262 / .35)}
.drop-empty{position:relative;display:grid;justify-items:center;gap:5px;max-width:290px}
.upload-mark{display:grid;place-items:center;width:54px;height:54px;margin-bottom:10px;border-radius:17px;background:oklch(99% .003 250 / .9);color:var(--accent);box-shadow:0 10px 20px -12px oklch(28% .02 258 / .4),inset 0 0 0 1px oklch(100% 0 0 / .7)}
.upload-mark .icon{width:24px;height:24px}
.drop-empty strong{font-size:16px;font-weight:600;color:var(--ink)}
.drop-empty>span:not(.upload-mark){font-size:13.5px;color:var(--ink-2)}
.drop-empty small{margin-top:5px;font-size:12.5px;color:var(--ink-2)}
.booth[data-phase="warming"] .drop-empty{opacity:.55;transition:opacity var(--medium)}
.plate{--plate-max:280px;position:relative;display:block;width:min(calc(100% - 36px),calc(var(--plate-max) * var(--arn,1)));margin:18px;aspect-ratio:var(--ar,1 / 1);border-radius:3px;background:var(--surface-3);box-shadow:var(--shadow-plate)}
.plate:has(>img[hidden]){display:none}
.plate img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;border-radius:inherit}
.window-map{position:absolute;inset:0}
.window{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);height:calc(var(--h) * 1%);border:1px solid oklch(100% 0 0 / .92);border-radius:2px;box-shadow:0 0 0 1px oklch(20% .02 258 / .42),inset 0 0 0 1px oklch(20% .02 258 / .22);transition:background var(--fast),border-color var(--fast),box-shadow var(--fast);animation:window-in 560ms var(--ease) both;animation-delay:calc(var(--i,0) * 45ms + 90ms)}
.window-label{position:absolute;top:4px;left:4px;min-width:19px;height:19px;padding:0 5px;border-radius:5px;background:oklch(22% .015 258 / .66);color:oklch(99% 0 0);font-size:11.5px;font-weight:600;line-height:19px;text-align:center;font-variant-numeric:tabular-nums}
.window.is-linked{z-index:2;border-color:oklch(90% .06 262);background:oklch(62% .12 262 / .2);box-shadow:0 0 0 1px oklch(38% .12 262 / .75),0 0 0 4px oklch(62% .12 262 / .28)}
.window.is-linked .window-label{background:var(--accent)}
.image-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.image-meta>div{display:grid;gap:2px;min-width:0}
.image-meta strong{overflow:hidden;font-size:13.5px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.image-meta span{font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}

/* Sign-off */
.signoff-card{display:grid;gap:14px;padding:18px 20px}
.signoff-live{display:grid;gap:14px}
.signoff-spent{font-size:13px;line-height:1.55;color:var(--ink-2)}
.setup-help{padding:12px 14px;border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--accent-soft);font-size:13px;line-height:1.55}
.planning-cost{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:2px 12px;padding:10px 0 11px;border-block:1px solid var(--line)}
.planning-cost>strong{font-size:13px;font-weight:550;color:var(--ink-2)}
.planning-cost>span{font-size:16px;font-weight:600;letter-spacing:-.01em;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.planning-cost>p{grid-column:1 / -1;margin-top:3px;font-size:12px;line-height:1.5;color:var(--ink-3)}
.consent-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin:0 -10px;padding:9px 10px;border-radius:var(--radius-sm);font-size:13.5px;line-height:1.5;cursor:pointer;transition:background var(--fast)}
.consent-row:hover{background:var(--surface-2)}
.consent-row:has(input:checked){background:var(--accent-soft)}
.consent-row:has(input:disabled){cursor:not-allowed;color:var(--ink-2)}
.consent-row input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--accent);cursor:inherit}

/* Measurement sheet */
.report-card{min-height:660px}
.report-card>.card-heading{padding:20px 26px;border-bottom:1px solid var(--line)}
.browser-ready,.report-body{--sheet-pad:26px;display:grid;gap:28px;padding:var(--sheet-pad)}
.browser-ready>header,.report-body>header{display:grid;gap:8px}
.browser-ready>header p,.report-body>header p{max-width:70ch;font-size:14.5px;color:var(--ink-2)}
.muted{max-width:78ch;font-size:13px;line-height:1.6;color:var(--ink-2)}
.evidence-section{display:grid;gap:12px;min-width:0}
.evidence-section>h3{font-size:17px}

/* Where the data goes */
.data-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}
.path-node{position:relative;display:grid;align-content:start;gap:4px;padding:24px 22px 0 0;min-width:0}
.path-node::before{content:"";position:absolute;top:5px;left:18px;right:6px;border-top:1.5px dashed var(--line-strong)}
.path-node:last-child::before{display:none}
.path-node::after{content:"";position:absolute;top:0;left:0;width:12px;height:12px;border:1.5px solid var(--line-strong);border-radius:50%;background:var(--surface)}
.path-node strong{font-size:14px;font-weight:600}
.path-node span{font-size:13px;line-height:1.5;color:var(--ink-2)}
.path-node.is-done::after{border-color:var(--accent);background:var(--accent)}
.path-node.is-done::before{border-top-style:solid;border-color:var(--accent-line)}
.path-node.is-active::after{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 4px oklch(62% .12 262 / .16);animation:breathe 2.4s ease-in-out infinite}
.path-node.is-active strong{color:var(--accent-strong)}

/* Finding: the sheet's tinted head band, with readouts ruled rather than boxed */
.result-hero{display:grid;gap:14px;margin:calc(var(--sheet-pad) * -1) calc(var(--sheet-pad) * -1) 0;padding:26px var(--sheet-pad) 22px;background:linear-gradient(180deg,var(--surface-3),var(--surface) 90%)}
.result-hero.likely_ai{background:linear-gradient(180deg,var(--ai-soft),var(--surface) 90%)}
.result-hero.likely_real{background:linear-gradient(180deg,var(--real-soft),var(--surface) 90%)}
.result-hero.status-error{background:linear-gradient(180deg,var(--danger-soft),var(--surface) 90%)}
.result-title{display:flex;align-items:center;gap:12px;min-width:0}
.result-heading{min-width:0;font-family:var(--font-display);font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1.15;overflow-wrap:anywhere}
.marker{flex:none;width:14px;height:14px;border-radius:50%;background:var(--neutral)}
.marker.likely_ai{background:var(--ai)}
.marker.likely_real{background:var(--real)}
.marker.uncertain{border:2px solid var(--neutral);background:repeating-linear-gradient(135deg,var(--neutral) 0 1.5px,transparent 1.5px 4px)}
.marker.error{border:2px solid var(--danger);background:linear-gradient(135deg,transparent 42%,var(--danger) 42% 58%,transparent 58%)}
.marker.cancelled{border:2px dashed var(--neutral);background:transparent}
.marker.active{border:2px solid var(--accent);background:var(--accent-soft);animation:breathe 2.4s ease-in-out infinite}
.result-qualifier{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 16px;margin-top:-5px;overflow:hidden}
.result-kicker{color:var(--ink-2);font-size:11.5px;font-weight:650;letter-spacing:.06em}
/* The separator belongs to the basis line: when that line wraps to the row start, the clipped row hides it. */
.result-basis{margin-left:-16px;font-size:13px;color:var(--ink-2)}
.result-basis::before{content:"·";display:inline-block;width:16px;color:var(--ink-3);text-align:center}
.browser-decision-summary{display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--line-strong)}
.browser-decision-summary h4{font-size:13px;color:var(--ink-2)}
.browser-decision-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 0;margin:0;padding-bottom:14px;border-bottom:1px solid var(--line)}
.browser-decision-values>div{display:grid;align-content:start;gap:6px;min-width:0;padding:0 18px;border-left:1px solid var(--line)}
.browser-decision-values>div:first-child{padding-left:0;border-left:0}
.browser-decision-values dt{font-size:12.5px;line-height:1.35;color:var(--ink-2)}
.browser-decision-values dd{margin:0;font-size:24px;font-weight:600;letter-spacing:-.01em;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.weight-meter{display:block;height:4px;margin-top:9px;overflow:hidden;border-radius:2px;background:var(--surface-3)}
.weight-meter::before{content:"";display:block;width:calc(var(--value,0) * 100%);height:100%;border-radius:inherit;background:var(--ink-3);transform-origin:left;animation:meter-in 700ms var(--ease) both}
.jev-weight-likely-ai .weight-meter::before{background:var(--ai)}
.jev-weight-likely-real .weight-meter::before{background:var(--real)}
.jev-weight-uncertain .weight-meter::before{background:repeating-linear-gradient(135deg,var(--neutral) 0 2px,oklch(70% .008 258) 2px 4px)}
.browser-decision-note{font-size:12.5px;line-height:1.55;color:var(--ink-2)}
.decision-absent,.trace-waiting{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--ink-2)}
.decision-absent::before,.trace-waiting::before{content:"";flex:none;width:30px;height:10px;border-radius:2px;background:repeating-linear-gradient(135deg,var(--line-strong) 0 1.5px,transparent 1.5px 5px)}
.result-description{max-width:70ch;font-size:14.5px;color:var(--ink);overflow-wrap:anywhere}
.result-reasons{display:grid;gap:6px;max-width:74ch;margin:0;padding-left:18px;font-size:13px;line-height:1.55;color:var(--ink-2);overflow-wrap:anywhere}
.result-reasons li::marker{color:var(--ink-3)}

/* Costs */
.cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.cost-item{display:grid;align-content:start;gap:6px;min-width:0;padding:12px 18px;border-left:1px solid var(--line)}
.cost-item:first-child{padding-left:0;border-left:0}
.cost-item>span{font-size:12.5px;color:var(--ink-2)}
.cost-item>strong{font-size:17px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.is-absent{justify-self:start;padding:1px 7px;border-radius:6px;background:repeating-linear-gradient(135deg,transparent 0 5px,oklch(90% .005 255 / .75) 5px 6px);color:var(--ink-2)}
.cost-item>strong.is-absent{font-size:14px;font-weight:550}

/* Disclosures and traces */
.details-box{min-width:0;border-block:1px solid var(--line)}
.details-box+.details-box{border-top:0}
.details-box>summary{display:flex;align-items:center;gap:10px;padding:11px 2px;color:var(--ink);font-size:13.5px;font-weight:550;list-style:none;cursor:pointer;transition:color var(--fast)}
.details-box>summary::-webkit-details-marker{display:none}
.details-box>summary::before{content:"";flex:none;width:7px;height:7px;margin:0 3px 0 2px;border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);transform:rotate(-45deg);transition:transform var(--fast) var(--ease)}
.details-box>summary:hover{color:var(--accent-strong)}
.details-box>summary:hover::before{border-color:var(--accent)}
.details-box[open]>summary::before{transform:rotate(45deg)}
.details-box>div{padding:0 0 12px}
.trace-json{max-height:340px;margin:0;padding:14px 16px;overflow:auto;border:1px solid oklch(92% .005 255);border-radius:8px;background:oklch(97.3% .004 255);color:oklch(32% .02 258);font:12px/1.7 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
.browser-index{max-height:320px}

/* Readings: the exact index as a table, linked to the window map */
.measurement-summary{display:flex;flex-wrap:wrap;gap:8px}
.measurement-summary>*{padding:3px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:12.5px;font-weight:500;font-variant-numeric:tabular-nums}
.measurement-summary>strong{color:var(--ink);font-weight:600}
.index-overview{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;gap:20px}
.index-facts{display:grid;gap:10px;min-width:0}
.readings-scroll{max-height:560px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}
.readings-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;font-variant-numeric:tabular-nums}
.readings-table th,.readings-table td{padding:6px 8px;border-bottom:1px solid oklch(93% .004 255);text-align:right;white-space:nowrap;transition:background var(--fast),color var(--fast)}
.readings-table thead th{position:sticky;top:0;z-index:2;background:var(--surface-2);color:var(--ink-2);font-size:12px;font-weight:600}
.readings-table thead th:first-child{left:0;z-index:3;text-align:left}
.readings-table tbody th{position:sticky;left:0;z-index:1;background:var(--surface);color:var(--ink);font-weight:500;text-align:left}
.readings-table .group-row th{padding-top:12px;background:var(--surface-2);color:var(--ink-3);font-size:12px;font-weight:600;letter-spacing:.01em}
.readings-table td.is-zero{color:var(--ink-3)}
.readings-table .is-linked{background:var(--accent-soft);color:var(--accent-strong)}
.readings-table tbody tr:last-child>*{border-bottom:0}
.minimap{display:grid;gap:8px;margin:0}
.minimap svg{display:block;width:100%;height:auto;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line)}
.minimap .map-ground{fill:var(--surface-3)}
.minimap .map-window{fill:oklch(99% .003 250 / .35);stroke:var(--ink-3);stroke-width:1;vector-effect:non-scaling-stroke;transition:fill var(--fast),stroke var(--fast)}
.minimap .map-window.is-linked{fill:oklch(62% .12 262 / .28);stroke:var(--accent)}
.minimap .map-label{fill:var(--ink-2);font-family:var(--font-ui);font-weight:600}
.minimap figcaption{font-size:12px;line-height:1.45;color:var(--ink-3)}
.report-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.report-actions .delete-button{margin-left:auto;color:var(--danger-ink)}

/* Periphery: ledger and reports */
.session-card,.history-card{display:grid;gap:12px;padding:18px 20px}
.session-content{display:grid;gap:8px}
.session-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.session-total>span{font-size:13px;color:var(--ink-2)}
.session-total>strong{font-size:22px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.session-total>strong.is-absent{font-size:14px;font-weight:550}
.session-counts,.session-unknown-count{font-size:12.5px;color:var(--ink-2);font-variant-numeric:tabular-nums}
.session-error{color:var(--danger-ink)}
.session-content .details-box{margin-top:4px}
.retention-note{font-size:12.5px;line-height:1.55;color:var(--ink-3)}
#history-list{display:grid;gap:4px}
.history-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;text-align:left;transition:background var(--fast),border-color var(--fast)}
.history-item:enabled:hover{background:var(--surface-2)}
.history-item.selected{border-color:var(--accent-line);background:var(--accent-soft)}
.history-item:disabled{opacity:.6}
.history-item>div{display:grid;gap:1px;min-width:0}
.history-item strong{font-size:13.5px;font-weight:600}
.history-item small{font-size:12px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.history-item .marker{width:11px;height:11px}

@keyframes breathe{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes lamp-warm{from{opacity:.5}to{opacity:.95}}
@keyframes window-in{from{opacity:0;transform:scale(1.07)}to{opacity:1;transform:none}}
@keyframes meter-in{from{transform:scaleX(0)}to{transform:none}}

@media(max-width:1180px){.topbar-inner{padding:13px 28px}.workspace{padding:24px 28px 40px}.test-banner{width:calc(100% - 56px)}.intro{grid-template-columns:minmax(0,1fr) auto}.experiment-note{grid-column:1 / -1;grid-row:2;max-width:78ch}.workspace-grid{grid-template-columns:minmax(310px,380px) repeat(2,minmax(0,1fr));gap:18px 22px}.rail{margin:-11px -11px 0;padding:11px 11px 22px}.browser-decision-values{grid-template-columns:repeat(2,minmax(0,1fr))}.browser-decision-values>div:nth-child(odd){padding-left:0;border-left:0}}
@media(max-width:900px){.workspace-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"booth" "signoff" "report" "session" "history"}.rail{display:contents}.report-card{min-height:0}.plate{--plate-max:340px}}
@media(max-width:640px){.topbar-inner{flex-wrap:wrap;gap:6px 16px;padding:12px 16px}.brand-text span{font-size:12px}.connection-status{order:3;width:100%;font-size:12.5px}.workspace{padding:20px 16px 32px}.test-banner{width:calc(100% - 32px);margin-top:12px;font-size:12.5px}.intro{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:18px}h1{font-size:22px}.intro-title p{font-size:14px}.experiment-note{font-size:12.5px}#new-inspection{justify-self:start;min-height:36px;padding:7px 12px;font-size:13px}.workspace-grid{gap:16px}.booth-card,.signoff-card{padding:14px}.dropzone{min-height:250px;padding:24px 18px}.plate{--plate-max:260px}.report-card>.card-heading{padding:16px 18px}.browser-ready,.report-body{--sheet-pad:18px;gap:24px}.result-hero{padding-top:20px}.result-heading{font-size:25px}.browser-decision-values{gap:14px 0}.browser-decision-values dd{font-size:21px}.cost-grid{grid-template-columns:minmax(0,1fr)}.cost-item{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;padding:10px 0;border-left:0;border-top:1px solid var(--line)}.cost-item:first-child{border-top:0}.cost-item>strong{text-align:right}.data-path{grid-template-columns:minmax(0,1fr);gap:14px}.path-node{padding:0 0 0 26px}.path-node::after{top:3px}.path-node::before{top:20px;bottom:-12px;left:5px;right:auto;border-top:0;border-left:1.5px dashed var(--line-strong)}.path-node.is-done::before{border-left-style:solid;border-color:var(--accent-line)}.trace-json{font-size:11.5px;max-height:300px}.session-card,.history-card{padding:16px}.index-overview{grid-template-columns:104px minmax(0,1fr);gap:14px}.page-footer{text-align:left}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* v3 forensics: file facts, fact dossier and JEV's evidence panel. Calm sheet styling, shared tokens. */
.file-facts{display:grid;gap:10px;margin-top:4px}
.file-facts h4,.dossier h4{font-size:13.5px;font-weight:600;color:var(--ink)}
.fact-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px 18px;margin:0}
.fact-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.fact-list dt{color:var(--ink-2)}
.fact-list dd{margin:0;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}
.dossier{display:grid;gap:12px}
.dossier-table{width:100%;border-collapse:collapse;font-size:13px}
.dossier-table th,.dossier-table td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.dossier-table thead th{font-size:12px;font-weight:600;color:var(--ink-2);background:var(--surface-2)}
.dossier-table tbody th{font-weight:450;color:var(--ink);max-width:52ch}
.dossier-table td{white-space:nowrap;color:var(--ink-2)}
.dossier-table .side-capture{color:var(--real)}
.dossier-table .side-generation{color:var(--ai)}
.panel-answers dd{text-transform:none}
@media (max-width:640px){.dossier-table{display:block;overflow-x:auto}.fact-list{grid-template-columns:1fr}}