@layer components{.scope-page{padding-block:.75rem 1.5rem;padding-inline:max(1rem, env(safe-area-inset-left,0px))}.scope-app{gap:.75rem;display:grid}@media (width>=64rem){.scope-app{height:calc(100dvh - var(--topnav-height) - 2.25rem);grid-template-rows:auto minmax(0,1fr);min-height:34rem}}.topbar-label,.key-group legend,.measurements h2{font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.quiet-button{color:var(--text-primary);border:1px solid var(--line-rule);background:0 0;padding:.5rem .9rem}.quiet-button[aria-pressed=true]{border-color:var(--accent)}.scope-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.topbar-setup{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.board-picker{align-items:center;gap:.6rem;margin-right:.5rem;display:inline-flex}.topbar-label{color:var(--text-secondary)}.scope-app select,.scope-app input[type=number]{font:inherit;font-size:var(--text-sm);color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--line-rule);border-radius:2px;min-width:0;padding:.45rem .6rem}.connect{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem 1rem;min-width:0;display:flex}.connect-status{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:.5rem;margin:0;display:inline-flex}.status-dot{border:1px solid var(--text-secondary);border-radius:50%;flex:none;width:.55rem;height:.55rem}.connect-status[data-status=connected] .status-dot{background:var(--state-success);border-color:var(--state-success)}.connect-status[data-status=choosing] .status-dot,.connect-status[data-status=connecting] .status-dot{background:var(--link);border-color:var(--link)}@media (prefers-reduced-motion:no-preference){.connect-status[data-status=connecting] .status-dot{animation:1s steps(2,jump-none) infinite scope-blink}}@keyframes scope-blink{to{opacity:.25}}.connect-error{text-align:right;color:var(--state-error);font-size:var(--text-sm);flex-basis:100%;margin:0}.scope-instrument{gap:.75rem;min-height:0;display:grid}@media (width>=64rem){.scope-instrument{grid-template-columns:minmax(0,1fr) 19rem}}.scope-main{grid-template-rows:minmax(0,1fr) auto;gap:.5rem;min-height:0;display:grid}.scope-toolbar{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;display:flex}.toolbar-keys{flex-wrap:wrap;gap:.4rem;display:flex}.toolbar-keys button{padding:.4rem .75rem}.toolbar-gap{width:.75rem}.scope-screen{min-height:0;color:var(--screen-text);background:var(--screen-ground);border:1px solid var(--screen-rule);scrollbar-color:var(--screen-axis) var(--screen-ground);font-family:var(--font-mono-loaded,var(--font-mono));font-variant-numeric:tabular-nums;border-radius:2px;grid-template-columns:minmax(0,1fr);grid-template-areas:"strip""canvas""badge""history""measurements";gap:.5rem;padding:.6rem .75rem .75rem;display:grid}@media (width>=64rem){.scope-screen{grid-template:"strip strip""canvas measurements"minmax(0,1fr)"badge measurements""history measurements"/minmax(0,1fr) 13rem;column-gap:.75rem}}.status-strip,.channel-badge{font-size:var(--text-xs);flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;line-height:1.6;display:flex}.status-strip{grid-area:strip}.channel-badge{grid-area:badge}.strip-label{color:var(--screen-text-muted)}.run-state{letter-spacing:.08em;text-transform:uppercase;color:var(--screen-text-muted);border:1px solid;border-radius:2px;align-items:center;gap:.4rem;padding:0 .45rem;font-weight:600;display:inline-flex}.run-state[data-state=running]{color:var(--screen-run)}.run-state[data-state=stopped]{color:var(--screen-stop)}.run-state[data-state=single]{color:var(--screen-text)}.run-state-mark{background:currentColor;width:.55rem;height:.55rem}.run-state[data-state=running] .run-state-mark{clip-path:polygon(0 0,100% 50%,0 100%)}.run-state[data-state=single] .run-state-mark{width:.2rem}.run-state[data-state=idle] .run-state-mark{background:0 0;border:1px solid;border-radius:50%}.reference-name{border:1px dashed var(--screen-reference);color:var(--screen-reference);border-radius:2px;padding:0 .4rem;font-weight:600}.history-bar{font-size:var(--text-xs);grid-area:history;align-items:center;gap:.5rem;display:flex}.history-bar input[type=range]{min-width:4rem;accent-color:var(--screen-trace);flex:1}.history-step{width:1.75rem;height:1.75rem;color:var(--screen-text);border:1px solid var(--screen-axis);font-size:var(--text-base);background:0 0;padding:0;line-height:1}.history-position{white-space:nowrap}.channel-name{color:var(--screen-ground);background:var(--screen-trace);border-radius:2px;padding:0 .4rem;font-weight:600}.scope-canvas{aspect-ratio:10/8;grid-area:canvas;width:100%;max-width:100%;min-height:0;position:relative}@media (width>=64rem){.scope-canvas{aspect-ratio:auto;height:100%}}.scope-canvas-frame{max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.scope-canvas canvas{touch-action:none;outline:1px solid var(--screen-rule);display:block}.hover-tip{z-index:1;pointer-events:none;min-width:10.5rem;font-size:var(--text-xs);color:var(--screen-text);background:var(--screen-ground);border:1px solid var(--screen-axis);border-radius:2px;gap:.1rem;padding:.4rem .55rem;display:grid;position:absolute}.cursor-label{pointer-events:none;font-size:var(--text-xs);color:var(--screen-ground);background:var(--screen-text);border-radius:2px;padding:0 .3rem;font-weight:600;position:absolute;top:2px;transform:translate(3px)}.cursor-label[data-orientation=horizontal]{top:auto;left:2px;transform:translateY(-100%)translateY(-2px)}.hover-tip-row{justify-content:space-between;gap:1rem;display:flex}.hover-tip-label{color:var(--screen-text-muted)}.measurements{flex-direction:column;grid-area:measurements;gap:.5rem;min-height:0;display:flex}.measurements h2{color:var(--screen-text-muted);margin:0}.cursor-readout{border-top:1px solid var(--screen-axis);gap:.5rem;padding-top:.5rem;display:grid}.readouts{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem 1rem;display:grid}@media (width>=64rem){.measurements{border-left:1px solid var(--screen-rule);padding-left:.75rem;overflow-y:auto}.readouts{grid-template-columns:minmax(0,1fr);gap:.3rem}}.readout{border-bottom:1px solid var(--screen-rule);justify-content:space-between;align-items:baseline;gap:.5rem;padding-bottom:.3rem;display:flex}.readout-label{font-family:var(--font-body-loaded,var(--font-body));font-size:var(--text-xs);color:var(--screen-text-muted)}.readout-value{font-size:var(--text-sm);color:var(--screen-text);white-space:nowrap}.readout-unit{color:var(--screen-text-muted);font-size:var(--text-xs)}.link-stats{font-size:var(--text-xs);color:var(--screen-text-muted);margin:auto 0 0}.scope-keys{background:var(--surface-raised);border:1px solid var(--line-rule);scrollbar-color:var(--line-rule) transparent;border-radius:2px;flex-direction:column;min-height:0;padding:.25rem 1rem .75rem;display:flex}@media (width>=64rem){.scope-keys{overflow-y:auto}}.key-group{border:0;border-top:1px solid var(--line-rule);gap:.4rem;min-width:0;margin:0;padding:.55rem 0 .7rem;display:grid}.controls>.key-group:first-child{border-top:0}.key-group legend{float:left;width:100%;color:var(--text-secondary);margin-bottom:.15rem;padding:0}.demo-signal summary{cursor:pointer;font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-weight:500}.key-group:disabled{opacity:.55}.tools-status{min-height:1.2em;font-size:var(--text-xs);color:var(--text-secondary);margin:0}.key-label{font-size:var(--text-sm);color:var(--text-secondary)}.key-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;display:grid}.key-row button{text-align:center;padding:.55rem .4rem}.stepper{grid-template-columns:minmax(0,1fr) auto 5.75rem auto;align-items:center;gap:.35rem;display:grid}.stepper-button{width:2rem;height:2rem;color:var(--text-primary);border:1px solid var(--line-rule);font-size:var(--text-base);text-align:center;background:0 0;padding:0;line-height:1}.stepper-value{text-align:center;font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap}.stepper-unit{color:var(--text-secondary)}.segmented{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem;display:grid}.segmented-options{display:inline-flex}.segmented-option{color:var(--text-primary);border:1px solid var(--line-rule);background:0 0;padding:.4rem .7rem}.segmented-option+.segmented-option{margin-left:-1px}.segmented-option[aria-pressed=true]{color:var(--surface-raised);background:var(--text-primary);border-color:var(--text-primary)}.segmented-wide{grid-template-columns:minmax(0,1fr)}.segmented-wide .segmented-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.segmented-wide .segmented-option{width:100%}.segmented-wide .segmented-option+.segmented-option{margin-left:0}.segmented-wide .segmented-option:nth-child(2n){margin-left:-1px}.segmented-wide .segmented-option:nth-child(n+3){margin-top:-1px}.segmented-wide .segmented-option[aria-pressed=true]{position:relative}.check{font-size:var(--text-sm);cursor:pointer;align-items:center;gap:.6rem;display:flex}.check input{accent-color:var(--accent)}.scope-app .field{font-size:var(--text-sm);grid-template-columns:minmax(0,1fr) 6.5rem;align-items:center;gap:.5rem;display:grid}.scope-app .field span{color:var(--text-secondary)}.scope-dialog{width:min(40rem,100vw - 2rem);max-height:min(85dvh,52rem);color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--line-rule);border-radius:2px;margin:auto;padding:0}.scope-dialog[open]{flex-direction:column;display:flex}.scope-dialog::backdrop{background:#14161899}.sketch-dialog{width:min(72rem,100vw - 2rem)}.scope-dialog-frame{flex-direction:column;flex:1;min-height:0;display:flex}.scope-dialog-header,.scope-dialog-actions{align-items:center;gap:.75rem;padding:.8rem 1.25rem;display:flex}.scope-dialog-header{border-bottom:1px solid var(--line-rule);justify-content:space-between}.scope-dialog-header h2{font-family:var(--font-display-loaded,var(--font-display));font-size:var(--text-xl);text-wrap:balance;margin:0;font-weight:600}.scope-dialog-body{align-content:start;gap:1rem;min-height:0;padding:1.25rem;display:grid;overflow-y:auto}.scope-dialog-actions{border-top:1px solid var(--line-rule);flex-wrap:wrap}.scope-dialog-subheading,.scope-prose h2{font-size:var(--text-base);margin:0 0 .5rem;font-weight:600}.shortcut-list{font-size:var(--text-sm);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.35rem 1.5rem;margin:0;display:grid}.shortcut-list div{grid-template-columns:7rem 1fr;gap:.75rem;display:grid}.shortcut-list dd{margin:0}.shortcut-list kbd{font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-xs);border:1px solid var(--line-rule);border-radius:2px;padding:0 .35rem}.scope-dialog-note{font-size:var(--text-sm);color:var(--text-secondary);margin:0}@media (width<=40rem){.scope-dialog,.sketch-dialog{border:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0}}.trend-dialog{width:min(52rem,100vw - 2rem)}.trend-quantity{align-items:center;gap:.75rem;display:inline-flex}.trend-stats{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.75rem 1.25rem;margin:0;display:grid}.trend-stats dt{font-size:var(--text-xs);color:var(--text-secondary)}.trend-stats dd{font-family:var(--font-mono-loaded,var(--font-mono));font-variant-numeric:tabular-nums;margin:0}.trend-chart{background:var(--screen-ground);border-radius:2px;padding:.5rem}.trend-chart .scope-canvas{aspect-ratio:3;height:auto}.sketch-layout{gap:1.5rem;display:grid}@media (width>=56rem){.sketch-layout{grid-template-columns:21rem minmax(0,1fr);align-items:start}}.sketch-guide,.sketch{gap:1rem;min-width:0;display:grid}.scope-prose h2{margin-top:1.25rem}.scope-prose p{margin:0 0 .75rem}.scope-prose>:last-child{margin-bottom:0}.scope-prose ol{margin:0;padding-left:1.4rem;list-style:decimal}.scope-prose li{margin-bottom:.45rem}.scope-prose a{color:var(--link);text-underline-offset:3px;text-decoration:underline}.scope-prose code{font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-xs);word-break:break-all}.pins{font-size:var(--text-sm);grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:0;display:grid}.pins dt{color:var(--text-secondary)}.pins dd{margin:0}.safety-notice{border-left:2px solid var(--accent);font-size:var(--text-sm);padding:.25rem 0 .25rem 1rem}.safety-notice p{margin:0}.sketch-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sketch-download{color:var(--link);font-size:var(--text-sm);text-underline-offset:3px;text-decoration:underline}.sketch-status,.sketch-pending{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.sketch-source{background:var(--surface-tint);max-height:55dvh;font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-xs);margin:0;padding:1rem;line-height:1.5;overflow:auto}.scope-dialog .feedback-form{max-width:none;margin-top:0}.useful-prompt{right:max(1rem, env(safe-area-inset-right,0px));bottom:max(1rem, env(safe-area-inset-bottom,0px));z-index:40;background:var(--surface-raised);border:1px solid var(--line-rule);border-radius:2px;gap:.75rem;width:min(22rem,100vw - 2rem);padding:1rem 1.1rem;display:grid;position:fixed;box-shadow:0 8px 24px #1416182e}.useful-prompt-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.useful-prompt h2{font-size:var(--text-base);margin:0;font-weight:600}.useful-prompt-answers{flex-wrap:wrap;gap:.5rem;display:flex}.useful-prompt-answers button{padding:.45rem .9rem}.useful-prompt-never{color:var(--text-secondary)}.scope-instrument-phone{align-items:start;gap:.6rem;display:grid}.scope-instrument-phone .scope-screen{grid-template-areas:"strip""canvas""badge""history"}@media (height>=36rem){.scope-instrument-phone .scope-screen{top:var(--topnav-height);z-index:5;position:sticky}}.phone-tabs{gap:.6rem;min-width:0;display:grid}.phone-tablist{border:1px solid var(--line-rule);border-radius:2px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.phone-tablist [role=tab]{text-align:center;min-height:2.75rem;font-size:var(--text-sm);color:var(--text-secondary);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;justify-self:stretch;padding:.5rem}.phone-tablist [role=tab]+[role=tab]{border-left:1px solid var(--line-rule)}.phone-tablist [role=tab][aria-selected=true]{color:var(--text-primary);background:var(--surface-raised);border-bottom-color:var(--accent)}.phone-panel-controls{background:var(--surface-raised);border:1px solid var(--line-rule);border-radius:2px;padding:.25rem 1rem .75rem}.phone-measurements{color:var(--screen-text);background:var(--screen-ground);border:1px solid var(--screen-rule);font-family:var(--font-mono-loaded,var(--font-mono));font-variant-numeric:tabular-nums;border-radius:2px;padding:.6rem .75rem .75rem}@media (orientation:landscape) and (height<=32rem){.scope-instrument-phone{grid-template-columns:minmax(0,1fr) minmax(16rem,40%)}.scope-instrument-phone .scope-screen{position:sticky;top:.5rem}.scope-instrument-phone .scope-canvas{aspect-ratio:auto;height:calc(100dvh - 6.5rem)}}@media (width<=40rem){.scope-topbar{gap:.5rem}.topbar-setup,.board-picker,.connect{width:100%}.board-picker{margin-right:0}.board-picker select{flex:1}.topbar-setup>button{flex:1;padding-inline:.5rem}.connect{flex-wrap:nowrap;justify-content:space-between}}@media (pointer:coarse){.scope-app button,.scope-app select,.scope-app input[type=number]{min-height:2.75rem}.scope-app .stepper-button{min-width:2.75rem}.scope-app select,.scope-app input,.scope-app textarea{font-size:1rem}}.key-group{position:relative}.key-help{width:1.25rem;height:1.25rem;font-size:var(--text-xs);color:var(--text-secondary);border:1px solid var(--line-rule);border-radius:50%;place-items:center;text-decoration:none;display:inline-grid;position:absolute;top:.45rem;right:0}.key-help:hover,.key-help:focus-visible{color:var(--text-primary);border-color:var(--accent)}.dialog-link-button{font-size:var(--text-sm);color:var(--text-on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:2px;padding:.55rem 1rem;font-weight:500;text-decoration:none;display:inline-block}.dialog-link-button:hover{opacity:1;text-underline-offset:.2em;text-decoration:underline}.spectrum-axis{pointer-events:none;height:0;position:absolute;left:0}.spectrum-tick{line-height:1;font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-xs);color:var(--screen-text-muted);background:var(--screen-ground);white-space:nowrap;padding:0 .2rem;position:absolute;top:.1rem;transform:translate(-50%)}.spectrum-tick[data-edge=start]{transform:none}.spectrum-tick[data-edge=end]{transform:translate(-100%)}.spectrum-keys .spectrum-full{font-size:var(--text-sm);justify-self:start;padding:.35rem .8rem}.spectrum-unit-note{font-size:var(--text-xs);color:var(--text-secondary);margin:0}.spectrum-toggles,.marker-peak-keys{flex-wrap:wrap;gap:.5rem;display:flex}.spectrum-toggles .quiet-button,.marker-peak-keys .quiet-button{font-size:var(--text-sm);padding:.35rem .8rem}.peak-table table{border-collapse:collapse;width:100%;font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-xs);font-variant-numeric:tabular-nums}.peak-table th{font-family:var(--font-body-loaded,var(--font-body));color:var(--screen-text-muted);text-align:right;font-weight:400}.peak-table th:first-child,.peak-table td:first-child{text-align:left}.peak-table td{text-align:right;border-bottom:1px solid var(--screen-rule);padding:.2rem 0}.peak-row-button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.peak-row-button:focus-visible{outline:2px solid var(--screen-text);outline-offset:2px}.peak-table-empty{font-size:var(--text-xs);color:var(--screen-text-muted);margin:0}.sampling-advice{font-size:var(--text-xs);color:var(--screen-text);border-left:2px solid var(--screen-text-muted);margin:0;padding:.5rem .6rem;line-height:1.5}.spectrogram-legend{pointer-events:none;font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-xs);color:var(--screen-text);flex-direction:column;justify-content:space-between;align-items:flex-end;padding:.25rem;display:flex;position:absolute;top:0;right:0}.spectrogram-age,.spectrogram-scale>span:not(.spectrogram-ramp){background:var(--screen-ground);padding:0 .2rem}.spectrogram-scale{flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.spectrogram-ramp{background:linear-gradient(to bottom, var(--screen-text), var(--screen-trigger), var(--screen-trace), var(--screen-ground));outline:1px solid var(--screen-axis);width:.6rem;height:4rem}.trigger-state[data-state=free],.trigger-state[data-state=waiting]{color:var(--screen-trigger)}.scope-instrument-basic{gap:.65rem;min-width:0;display:grid}.scope-instrument-basic .scope-screen{grid-template-columns:minmax(0,1fr);grid-template-areas:"strip""canvas""badge";position:static}.basic-readouts{color:var(--screen-text);background:var(--screen-ground);border:1px solid var(--screen-rule);border-radius:2px;padding:.5rem .75rem}.basic-readouts .measurements{border:0;padding:0}.basic-readouts .measurements h2{display:none}.basic-readouts .readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.basic-readouts .readout{border:0;gap:.1rem;padding:0;display:grid}.basic-readouts .sampling-advice{font-size:var(--text-xs)}.basic-controls{background:var(--surface-raised);border:1px solid var(--line-rule);border-radius:2px;padding:.25rem .75rem}.basic-controls .key-row{grid-template-columns:repeat(2,minmax(0,1fr))}.basic-controls .key-help{display:none}.basic-controls .key-group{padding-block:.5rem}.basic-controls .key-group legend{font-size:var(--text-xs)}.scope-basic-note{color:var(--text-secondary);font-size:var(--text-xs)}.scope-topbar-basic{flex-wrap:nowrap;align-items:start;display:flex}.scope-topbar-basic .connect{width:auto;margin-left:auto}.scope-topbar-basic .connect-status[data-status=idle],.scope-topbar-basic .connect-status[data-status=connected]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.phone-setup{min-width:0}.phone-setup summary{cursor:pointer;border:1px solid var(--line-rule);min-height:2.75rem;font-size:var(--text-sm);border-radius:2px;padding:.65rem}.phone-setup[open]{flex:1}.phone-setup[open] .topbar-setup{padding-top:.5rem}.scope-app[data-basic=true] button,.scope-app[data-basic=true] summary{min-height:2.75rem}@media (orientation:landscape) and (height<=35rem){.scope-instrument-basic{grid-template-columns:minmax(0,1.3fr) minmax(14rem,1fr)}.scope-instrument-basic .scope-screen{grid-area:1/1/4;position:sticky;top:.5rem}.scope-instrument-basic .basic-readouts,.scope-instrument-basic .basic-controls,.scope-instrument-basic .scope-basic-note{grid-column:2}}.more-measurements{border-top:1px solid var(--screen-axis);padding-top:.4rem}.more-measurements summary{cursor:pointer;font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--screen-text-muted);-webkit-user-select:none;user-select:none;font-weight:500}.more-measurements summary:hover,.more-measurements summary:focus-visible{color:var(--screen-text)}.more-measurements .readouts{margin-top:.4rem}.trend-all-stats{border-top:1px solid var(--line-rule);padding-top:.75rem}.trend-all-stats summary{cursor:pointer;font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-weight:500}.trend-all-stats table{border-collapse:collapse;width:100%;font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-xs);font-variant-numeric:tabular-nums;margin-top:.6rem}.trend-all-stats th{font-family:var(--font-body-loaded,var(--font-body));color:var(--text-secondary);text-align:right;border-bottom:1px solid var(--line-rule);padding:.25rem .35rem;font-weight:400}.trend-all-stats th:first-child,.trend-all-stats td:first-child{text-align:left;padding-left:0}.trend-all-stats td{text-align:right;border-bottom:1px solid var(--line-rule);padding:.25rem .35rem}.more-vertical,.more-trigger,.more-display{border-top:1px solid var(--line-rule);padding-top:.35rem}.more-vertical summary,.more-trigger summary,.more-display summary{cursor:pointer;font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-weight:500}.more-vertical summary:hover,.more-vertical summary:focus-visible,.more-trigger summary:hover,.more-trigger summary:focus-visible,.more-display summary:hover,.more-display summary:focus-visible{color:var(--text-primary)}.more-vertical-body,.more-trigger-body,.more-display-body{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.mask-status{font-family:var(--font-mono-loaded,var(--font-mono));font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mask-badge{border:1px solid var(--line-rule);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);border-radius:2px;padding:.1rem .45rem;font-weight:600}.mask-badge[data-state=pass]{color:var(--state-success);border-color:var(--state-success)}.mask-badge[data-state=fail]{color:var(--state-error);border-color:var(--state-error)}.mask-counts{color:var(--text-secondary)}.mask-status .quiet-button{font-size:var(--text-xs);margin-left:auto;padding:.25rem .6rem}}@media (orientation:landscape) and (height<=32rem){body:has(.scope-app) .topnav{position:static}}