:root{color:#e8edf7;font-synthesis:none;text-rendering:optimizelegibility;background:#070b13;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{background:linear-gradient(#7289b30d 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#7289b30d 1px,#0000 1px) 0 0/36px 36px,radial-gradient(circle at 15% 0,#3868aa38,#0000 34rem),#070b13;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #6ee7ff}code{color:#92c9ff;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.shell{width:min(1280px,100% - 2rem);margin:0 auto;padding:4rem 0 2.5rem}.hero{max-width:780px;margin-bottom:2rem}.eyebrow,.section-label{color:#78d9eb;letter-spacing:.15em;text-transform:uppercase;margin:0 0 .5rem;font-size:.7rem;font-weight:800}h1,h2,p{overflow-wrap:anywhere}h1,h2{margin:0}h1{color:#f7fbff;letter-spacing:-.065em;font-size:clamp(3rem,8vw,6.5rem);line-height:.9}h2{color:#f4f8ff;font-size:1.05rem;line-height:1.25}.lede{color:#aab8cb;margin:1.25rem 0 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55}.report-card,.panel,.tool-panel,.workflow-panel,.invariant-alert{background:#0c121ee8;border:1px solid #27344a;box-shadow:0 1.5rem 4rem #00000038}.report-card{border-radius:1rem;padding:1.5rem}.report-heading,.panel-heading,.tool-readiness,.invariant-alert{justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.report-copy{color:#c8d2e1;max-width:920px;margin:1.25rem 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;line-height:1.65}.recording-controls{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.button,.action-button{border-radius:.5rem;transition:border-color .14s,background .14s,color .14s,transform .14s}.button{cursor:pointer;border:1px solid #0000;min-height:2.65rem;padding:.65rem 1rem;font-weight:800}.button:hover:not(:disabled),.action-button:hover:not(:disabled){transform:translateY(-1px)}.button--primary{color:#061015;background:#70e2f0}.button--secondary{color:#c9d4e6;background:#121b2a;border-color:#384862}.button:disabled{color:#667386;cursor:not-allowed;background:#151d29}.session-state{color:#8593a8;letter-spacing:.05em;text-transform:uppercase;border-top:1px solid #243047;gap:.35rem;margin:1.25rem 0 0;padding-top:.85rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem;display:inline-flex}.session-state strong{color:#eff6ff}.invariant-alert{background:linear-gradient(90deg,#7b1f2e61,#1f111cf0);border-color:#e46b75;border-radius:.75rem;align-items:center;margin-top:1rem;padding:1rem 1.25rem}.invariant-alert .section-label,.invariant-alert h2{color:#ff9ba4}.invariant-values{color:#ffe5e7;flex-wrap:wrap;gap:.5rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.8rem;display:flex}.invariant-values span{border:1px solid #ff9ba452;border-radius:999px;padding:.45rem .65rem}.diagnostic-grid{grid-template-columns:minmax(250px,.9fr) minmax(330px,1.25fr) minmax(260px,.95fr);gap:1rem;margin-top:1rem;display:grid}.panel{border-radius:.8rem;min-width:0;padding:1.25rem}.panel-index{color:#4d5c72;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.75rem}.panel-copy,.empty-state,.support-copy,.fallback-copy{color:#8795aa;font-size:.84rem;line-height:1.55}.panel-copy{margin:.85rem 0 1rem}.action-list{gap:.55rem;display:grid}.action-button{color:#dce7f8;text-align:left;cursor:pointer;background:#121c2c;border:1px solid #34445d;grid-template-columns:2rem 1fr;align-items:center;min-height:3rem;padding:.7rem .8rem;font-size:.82rem;font-weight:750;line-height:1.3;display:grid}.action-button:not(:disabled){color:#f6feff;background:linear-gradient(90deg,#246d7e8c,#142334);border-color:#67d9eb;box-shadow:0 0 1.5rem #4acee41f}.action-button:disabled{color:#5f6d82;cursor:not-allowed;background:#0e1623;border-color:#222e40}.action-number{color:#6edbe9;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.69rem}.action-button:disabled .action-number{color:#3e4d62}.empty-state{text-align:center;border-block:1px dashed #2c384c;margin:2rem 0 0;padding:1.25rem 0}.trace-list{gap:0;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.trace-action{grid-template-columns:1.75rem minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:4rem;display:grid;position:relative}.trace-action:not(:last-child):after{content:"";background:#34465f;width:1px;position:absolute;top:2.65rem;bottom:-.65rem;left:.65rem}.trace-marker{z-index:1;color:#8ee9f5;background:#0f1c29;border:1px solid #66d6e8;border-radius:50%;place-items:center;width:1.35rem;height:1.35rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.64rem;display:grid}.trace-action strong,.trace-action code{display:block}.trace-action strong{color:#dce7f7;font-size:.8rem}.trace-action code{overflow-wrap:anywhere;margin-top:.24rem;font-size:.66rem}.role-badge{color:#9dacc1;letter-spacing:.05em;text-transform:uppercase;border:1px solid #40506a;border-radius:.3rem;padding:.25rem .4rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.58rem}.role-badge--causal{color:#f0a5b4;border-color:#735866}.role-badge--contextual{color:#e7ce78;border-color:#625d3b}.checkout-state{margin:1rem 0 0}.checkout-state>div{border-bottom:1px solid #202b3d;grid-template-columns:minmax(7rem,1fr) minmax(0,1.1fr);gap:.75rem;padding:.65rem 0;display:grid}.checkout-state dt,.tool-metrics dt{color:#78879c;font-size:.75rem}.checkout-state dd,.tool-metrics dd{color:#d7e1ef;overflow-wrap:anywhere;margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.76rem}.checkout-state dd{text-align:right}.checkout-state .total-row{border-bottom:0}.total-row dt,.total-row dd{color:#eef5ff;font-weight:800}.total-row--displayed dd{color:#76e0ec;font-size:1.1rem}.workflow-panel{border-radius:.8rem;min-width:0;margin-top:1rem;padding:1.25rem}.candidate-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.candidate-columns>div,.pin-evidence,.certificate-proof,.replay-summary{background:#0c1523;border:1px solid #26364d;border-radius:.65rem}.candidate-columns>div{min-width:0;padding:.9rem}.candidate-columns h3,.certificate-heading h3{color:#dfe9f8;margin:0;font-size:.82rem}.candidate-columns code,.pin-evidence code,.certificate-ids code,.replay-summary>code{overflow-wrap:anywhere;margin-top:.55rem;font-size:.72rem;line-height:1.55;display:block}.evidence-status{color:#79e2bd;background:#18564a47;border:1px solid #376b66;border-radius:999px;padding:.4rem .65rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem}.evidence-totals{flex-wrap:wrap;gap:.55rem;margin:1rem 0 0;display:flex}.evidence-totals span{color:#d8e6f7;background:#101b2b;border:1px solid #31445e;border-radius:999px;padding:.42rem .65rem;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem}.replay-summary{color:#aebdd0;margin-top:1rem;padding:.85rem;font-size:.75rem;line-height:1.55}.replay-summary p{margin:0}.replay-summary p+p{margin-top:.65rem}.replay-totals{border-top:1px solid #26364d;padding-top:.85rem}.workflow-copy,.certificate-copy,.certificate-metadata{color:#93a3b8;font-size:.8rem;line-height:1.6}.workflow-copy{margin:.9rem 0}.pin-evidence{color:#cbd7e8;grid-template-columns:minmax(9rem,auto) minmax(0,1fr);align-items:center;gap:.75rem;padding:.8rem;font-size:.76rem;display:grid}.pin-evidence code,.certificate-ids code{margin-top:0}.certificate-proof{border-color:#376b66;margin-top:1rem;padding:1rem}.certificate-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.certificate-copy{margin:.8rem 0 0}.certificate-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0 0;display:grid}.certificate-metrics>div{background:#101b2b;border:1px solid #26364d;border-radius:.5rem;min-width:0;padding:.7rem}.certificate-metrics dt,.certificate-ids strong{color:#7f91a9;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem}.certificate-metrics dd{color:#dce8f7;overflow-wrap:anywhere;margin:.4rem 0 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.72rem;line-height:1.45}.certificate-ids{background:#14484138;border-left:2px solid #55c9ad;margin-top:.75rem;padding:.8rem}.certificate-metadata{margin:.8rem 0 0}.tool-panel{border-radius:.75rem;margin-top:1rem;padding:1rem 1.25rem}.tool-readiness{align-items:center}.registration{color:#c9d4e5;align-items:center;gap:.55rem;margin:0;font-size:.78rem;font-weight:800;display:flex}.status-dot{background:#f2c96f;border-radius:50%;width:.55rem;height:.55rem;box-shadow:0 0 .75rem}.registration--registered .status-dot{background:#5de0a8}.registration--unsupported .status-dot,.registration--failed .status-dot{background:#f27682}.support-copy,.fallback-copy{margin:.75rem 0 0}.tool-metrics{border-top:1px solid #222e41;grid-template-columns:.65fr .65fr 1.4fr 1.1fr;gap:1rem;margin:1rem 0 0;padding-top:.9rem;display:grid}.tool-metrics div{min-width:0}.tool-metrics dt{margin-bottom:.35rem}footer{color:#8795aa;justify-content:space-between;gap:2rem;margin-top:1.5rem;font-size:.78rem;line-height:1.5;display:flex}footer p{max-width:680px;margin:0}footer a{color:#8cbedf}@media (width<=1050px){.diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-panel{grid-column:1/-1}}@media (width<=700px){.shell{width:min(100% - 1rem,1280px);padding-top:2.5rem}.report-heading,.invariant-alert,.tool-readiness,.approval-panel>.panel-heading,.certificate-heading,footer{flex-direction:column;align-items:stretch}.candidate-columns,.certificate-metrics,.pin-evidence{grid-template-columns:1fr}.recording-controls{justify-content:flex-start}.diagnostic-grid{grid-template-columns:1fr}.checkout-panel{grid-column:auto}.tool-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.recording-controls,.recording-controls .button,.approval-panel .button{width:100%}.trace-action{grid-template-columns:1.75rem minmax(0,1fr)}.role-badge{grid-column:2;justify-self:start}.tool-metrics{grid-template-columns:1fr}}
