.scene.observability-scene{--obs-lime:#9eac47;--obs-ink:#697529;background:#fff;color:#2e3129;container-type:inline-size;min-height:0;padding:20px}.metric-switch,.observability-switch{display:flex;gap:17px;border-bottom:1px solid #e3e6dd}.metric-switch button,.observability-switch button{padding:0 0 9px;border-bottom:2px solid transparent;font-size:11px;line-height:1.4;color:#8b9181;cursor:pointer}.metric-switch button[aria-pressed=true],.observability-switch button[aria-pressed=true]{color:var(--obs-ink);border-color:var(--obs-lime)}.observability-scene button:focus-visible{outline:2px solid #9aa744;outline-offset:4px}.observability-content{display:flex;flex-direction:column;min-width:0;animation:evidence-enter .25s ease both}.evidence-heading{padding:18px 0 16px}.evidence-heading .mini-label{display:none}.evidence-heading h3{font-family:var(--font-serif),Georgia,serif;font-size:clamp(24px,5cqi,29px);line-height:1.2;letter-spacing:-.6px;margin:0 0 5px;font-weight:400}.evidence-heading p{color:#838b76;font-size:11px;line-height:1.4;margin:0}.trace-window{border:1px solid #e0e5d4;border-radius:5px;overflow:hidden}.trace-window-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:#fafbf6;border-bottom:1px solid #e5e9dd}.trace-window-heading code,.trace-window-heading>span{font-size:9px;line-height:1.4;color:#7b846b}.trace-window-heading code{color:var(--obs-ink)}.trace-waterfall{padding:8px}.trace-ruler{display:flex;justify-content:space-between;margin:0 0 5px 42%;color:#a5ab9c;font-size:7px;line-height:1.4;letter-spacing:.5px}.trace-row{display:grid;grid-template-columns:42% 58%;align-items:center;width:100%;padding:7px 5px;text-align:left;cursor:pointer;border-radius:3px}.trace-row[aria-pressed=true]{background:#f5f7ea}.trace-row[data-error=true][aria-pressed=true]{background:#fcf5ef}.trace-name{position:relative;min-width:0;font-size:11px;line-height:1.3}.trace-row:not(.trace-row-0) .trace-name{padding-left:12px}.trace-row:not(.trace-row-0) .trace-name:before{content:"";position:absolute;left:2px;top:-9px;width:6px;height:17px;border-left:1px solid #d7ddca;border-bottom:1px solid #d7ddca}.trace-name small{display:block;margin-top:2px;font-size:8px;line-height:1.3;color:#909984}.trace-row-0 .trace-name small{display:none}.trace-track{display:flex;align-items:center;gap:5px;min-width:0;height:25px;background:repeating-linear-gradient(90deg,#e8ebdf 0 1px,transparent 1px 25%)}.trace-track i{height:8px;border-radius:2px;background:#a4b05a;width:96%;transform-origin:left;animation:evidence-span .9s ease both}.trace-track b{font-size:8px;font-weight:400;line-height:1;color:#899367}.trace-row-0 .trace-track i{height:5px;background:#b7bf9c}.trace-row-1 .trace-track i{width:27%;margin-left:5%;animation-delay:.1s}.trace-row-2 .trace-track i{width:40%;margin-left:7%;animation-delay:.3s}.trace-row[data-error=true] .trace-track i{width:24%;background:#c68d6c}.trace-row[data-error=true] .trace-track b{color:#a56d4e}.trace-row-3 .trace-track i{width:36%;margin-left:45%;animation-delay:.55s}.trace-inspection{padding:12px 0 0}.trace-inspection>strong{font-size:10px;line-height:1.4;font-weight:500;color:var(--obs-ink)}.trace-inspection[data-error=true]>strong{color:#a16e51}.trace-inspection p{margin:4px 0 0;font-size:11px;line-height:1.5;color:#7e8672}.obs-action{align-self:flex-start;min-height:30px;margin-top:9px;padding:5px 0;border-bottom:1px solid #ced6b4;font-size:10px;line-height:1.4;color:var(--obs-ink);cursor:pointer}.observability-caption{margin:14px 0 0;font-size:8px;line-height:1.5;color:#9aa28d}.evidence-route{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-bottom:18px}.evidence-route:before{content:"";position:absolute;top:13px;left:13px;right:20%;border-top:1px solid #dce2cd}.evidence-route button{position:relative;text-align:left;cursor:pointer;color:#909b7f}.evidence-route small{display:grid;place-items:center;position:relative;width:27px;height:27px;margin-bottom:7px;border:1px solid #dde3cf;border-radius:4px;background:#fff;font-size:9px;line-height:1}.evidence-route strong{display:block;font-size:12px;font-weight:500;line-height:1.3}.evidence-route button[aria-pressed=true]{color:var(--obs-ink)}.evidence-route button[aria-pressed=true] small{border-color:#bbc985;background:#f5f8e5}.event-envelope{display:grid;grid-template-columns:1fr 1.2fr .7fr;padding:13px;border:1px solid #dae2c6;border-radius:5px;background:#fafcf3;gap:12px;animation:evidence-enter .2s ease both}.event-envelope>div{min-width:0}.event-envelope span{display:block;font-size:8px;line-height:1.4;color:#8e997b}.event-envelope code,.event-envelope strong{display:block;margin-top:7px;font-size:11px;line-height:1.4;font-weight:400;color:#616f43;overflow-wrap:anywhere}.evidence-explanation{margin:12px 0 0;font-size:11px;line-height:1.5;color:#808a71}.observability-scene .scene-controls{margin-top:12px}.observability-scene .scene-status{min-height:0;margin-top:0;padding-top:12px;font-size:10px;line-height:1.5;color:#909a80}.metric-switch{gap:14px}.metric-switch button{font-size:10px}.metric-specimen{margin:16px 0 0;padding:15px;border:1px solid #e2e7d9;border-radius:5px;background:#fbfcf7}.metric-number{display:flex;align-items:baseline;gap:13px;margin-bottom:15px}.metric-number strong{font-family:var(--font-serif),Georgia,serif;font-size:46px;font-weight:400;letter-spacing:-2px;line-height:1;color:#69792c}.metric-number span{font-size:11px;line-height:1.4;color:#939c83}.metric-cohort{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.metric-cohort i{height:10px;background:#e4e9d9;border-radius:2px;animation:evidence-enter .25s ease both}.metric-cohort i.counted{background:#a6b65c}.metric-specimen p{margin:11px 0 0;font-size:10px;line-height:1.5;color:#879270}.scene.observability-scene.obs-compact{padding:0}@container (max-width: 390px){.observability-switch{gap:12px}.observability-switch button{font-size:10px}.trace-row{grid-template-columns:47% 53%}.trace-ruler{margin-left:47%}.trace-name{font-size:10px}.trace-window-heading{padding-inline:9px;gap:6px}.trace-window-heading>span{font-size:8px}.event-envelope{gap:8px;padding:11px}.metric-switch{gap:10px}.metric-switch button{font-size:9px}.metric-number{align-items:center}}@media (min-width:1001px) and (max-height:800px){.scene.observability-scene:not(.obs-compact){padding:12px 20px 6px}.evidence-heading{padding:12px 0}.evidence-heading h3{font-size:25px;margin:0}.evidence-heading p{display:none}.trace-waterfall,.trace-window-heading{padding-block:6px}.trace-row{padding-block:3px}.trace-inspection{padding-top:8px}.obs-action{margin-top:6px;min-height:28px}.observability-caption{margin-top:9px}.metric-specimen{margin-top:11px;padding:12px}.metric-number{margin-bottom:11px}.metric-number strong{font-size:38px}.metric-cohort{gap:4px}.metric-cohort i{height:8px}.observability-scene .scene-status{padding-top:8px}.evidence-explanation{margin-top:10px;font-size:10px}}@keyframes evidence-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes evidence-span{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.observability-scene *,.observability-scene :after{animation:none!important;transition:none!important}}