@layer components{:where(.results-device[data-v-ef9dec2a]){--_bezel:10px;--_round:9px;--_dim:light-dark(var(--color-zinc-400),var(--color-zinc-600));justify-content:center;gap:var(--space-3);grid-template-rows:auto auto auto;grid-template-columns:1.25rem auto 1.25rem;margin:0;display:grid}.results-device[data-form=tablet][data-v-ef9dec2a]{--_bezel:14px;--_round:18px}.results-device[data-form=phone][data-v-ef9dec2a]{--_bezel:9px;--_round:38px}.bezel[data-v-ef9dec2a]{padding:var(--_bezel);border-radius:calc(var(--_round) + var(--_bezel));background-image:linear-gradient(light-dark(var(--color-zinc-200),color-mix(in oklab, var(--color-zinc-700), var(--color-zinc-800) 30%)), light-dark(color-mix(in oklab, var(--color-zinc-200), var(--color-zinc-300) 55%),color-mix(in oklab, var(--color-zinc-800), var(--color-zinc-900) 40%)));box-shadow:var(--results-raised);grid-area:2/2}.glass[data-v-ef9dec2a]{inline-size:var(--results-glass-w,40rem);aspect-ratio:var(--results-aspect,1.6);border-radius:var(--_round);background-color:var(--surface-2);background-image:radial-gradient(light-dark(var(--color-zinc-200),var(--color-zinc-700)) .55px, transparent .7px), radial-gradient(light-dark(var(--color-zinc-200),var(--color-zinc-700)) .55px, transparent .7px);box-shadow:0 0 0 1px light-dark(color-mix(in oklab, var(--color-zinc-300), var(--color-zinc-400) 35%),oklch(0% 0 none/.6));background-position:1.5px 3.5px,3.5px 1.5px;background-size:4px 4px;position:relative;overflow:hidden;container:glass/size}.results-device[data-form=phone] .glass[data-v-ef9dec2a]:before{z-index:1;border-radius:var(--radius-full);background-color:light-dark(var(--color-zinc-800),var(--color-zinc-950));content:"";block-size:1.15rem;inline-size:28%;margin-inline:auto;position:absolute;inset-block-start:.6rem;inset-inline:0}.dim[data-v-ef9dec2a]{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--fg-muted);place-items:center;line-height:1;display:grid}.results-device:not([data-measured]) .dim[data-v-ef9dec2a]{visibility:hidden}.dim-x[data-v-ef9dec2a]{column-gap:var(--space-2);margin-inline:var(--_bezel);grid-area:1/2;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.dim-x[data-v-ef9dec2a]:before,.dim-x[data-v-ef9dec2a]:after{background:linear-gradient(var(--_dim), var(--_dim)) center / 100% 1px no-repeat;content:"";justify-self:stretch;block-size:7px}.dim-x[data-v-ef9dec2a]:before{border-inline-start:1px solid var(--_dim)}.dim-x[data-v-ef9dec2a]:after{border-inline-end:1px solid var(--_dim)}.dim-y{&[data-v-ef9dec2a]{row-gap:var(--space-2);margin-block:var(--_bezel);grid-area:2/3;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)}& span[data-v-ef9dec2a]{writing-mode:vertical-rl}}.dim-y[data-v-ef9dec2a]:before,.dim-y[data-v-ef9dec2a]:after{background:linear-gradient(var(--_dim), var(--_dim)) center / 1px 100% no-repeat;content:"";align-self:stretch;inline-size:7px}.dim-y[data-v-ef9dec2a]:before{border-block-start:1px solid var(--_dim)}.dim-y[data-v-ef9dec2a]:after{border-block-end:1px solid var(--_dim)}.note[data-v-ef9dec2a]{min-block-size:1lh;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-xs);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--fg-muted);grid-area:3/2;justify-self:center}.tall[data-v-ef9dec2a]{display:none}@container results (inline-size<40rem){:where(.results-device[data-v-ef9dec2a]){grid-template-columns:auto}.bezel[data-v-ef9dec2a],.dim-x[data-v-ef9dec2a],.note[data-v-ef9dec2a]{grid-column:1}.dim-y[data-v-ef9dec2a]{display:none}.tall[data-v-ef9dec2a]{display:inline}}:where(.results-detail[data-v-b66527ff]){padding:var(--space-6);border-radius:var(--radius-2xl);background-image:linear-gradient(var(--results-body-top), var(--results-body-foot));box-shadow:var(--results-raised);position:relative;@container results (inline-size>=40rem){padding:var(--space-6) var(--space-8) var(--space-8)}}.results-detail[data-v-b66527ff]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.caret[data-v-b66527ff]{z-index:1;background-color:var(--results-body-top);block-size:12px;inline-size:12px;box-shadow:inset 1px 1px 0 0 var(--results-catch), -1px -1px 0 0 var(--results-edge);rotate:45deg;translate:calc(var(--results-detail-caret,50%) - 6px) 0;border-start-start-radius:2px;position:absolute;inset-block-start:-6px;inset-inline-start:0}.body[data-v-b66527ff]{gap:var(--space-5);display:grid}.head[data-v-b66527ff]{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.swatch[data-v-b66527ff]{flex:none;inline-size:1.5rem}.name[data-v-b66527ff]{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--fg);font-weight:600}.tag[data-v-b66527ff]{padding:0 var(--space-2);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--status-fg);background-color:color-mix(in oklab, var(--status) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--status) 30%, transparent);line-height:1.6}.score[data-v-b66527ff]{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xl);font-variant-numeric:tabular-nums;color:var(--status-fg,var(--fg-muted));margin-inline-start:auto;line-height:1;display:inline-flex}.of[data-v-b66527ff]{font-size:var(--text-xs);color:var(--fg-muted)}.says[data-v-b66527ff]{max-inline-size:52ch;font-family:var(--font-serif);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--fg-soft)}.label[data-v-b66527ff]{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-weight:500}.measures[data-v-b66527ff]{grid-template-columns:repeat(auto-fit,minmax(7.75rem,1fr));display:grid;overflow:clip}.measure[data-v-b66527ff]{grid-row:span 3;grid-template-rows:subgrid;align-content:start;gap:var(--space-1);padding:var(--space-3) var(--space-5) var(--space-4);border-block-start:1px solid var(--line-soft);border-inline-start:1px solid var(--line-soft);margin-block-start:-1px;margin-inline-start:-1px;display:grid}@container results (inline-size<40rem){.measures[data-v-b66527ff]{grid-template-columns:minmax(0,1fr)}.measure{&[data-v-b66527ff]{align-items:center;column-gap:var(--space-4);border-inline-start:0;grid-template:"label figure""note figure"/minmax(0,1fr) auto;grid-row:auto;padding-inline:0}& .label[data-v-b66527ff]{grid-area:label}& .figure[data-v-b66527ff]{grid-area:figure}& .figure .lamp[data-v-b66527ff]{margin-inline:0 var(--space-1);order:-1}& .note[data-v-b66527ff]{grid-area:note}}}.figure{&[data-v-b66527ff]{align-items:baseline;gap:var(--space-1);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg);display:flex}& .lamp[data-v-b66527ff]{align-self:center;margin-inline-start:auto}}.value[data-v-b66527ff]{font-size:var(--text-2xl);line-height:1.2}.unit[data-v-b66527ff]{font-size:var(--text-sm);color:var(--fg-soft)}.note[data-v-b66527ff]{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--fg-muted)}.lamp[data-v-b66527ff]{flex:none;block-size:7px;inline-size:7px}.series[data-v-b66527ff]{gap:var(--space-3);border-block-start:1px solid var(--line-soft);margin:0;padding-block-start:var(--space-4);display:grid}.items[data-v-b66527ff]{gap:var(--space-2) var(--space-8);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));display:grid}.item[data-v-b66527ff]{align-items:center;gap:var(--space-3);grid-template-columns:4.5rem minmax(0,1fr) 3.25rem;display:grid}.item-name[data-v-b66527ff]{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--fg-soft)}a.item-name{&[data-v-b66527ff]{text-decoration:underline dotted;text-decoration-color:var(--line);text-underline-offset:3px;position:relative}&[data-v-b66527ff]:before{content:"";position:absolute;inset:-.25rem -.125rem}&[data-v-b66527ff]:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-md)}}.item-tube[data-v-b66527ff]{align-items:center;block-size:1lh;display:flex}.item-value[data-v-b66527ff]{justify-content:end;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-sm);font-variant-numeric:tabular-nums;color:var(--fg);display:inline-flex}.names{&[data-v-b66527ff]{gap:var(--space-2);border-block-start:1px solid var(--line-soft);padding-block-start:var(--space-4);display:grid}& p[data-v-b66527ff]{gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--fg);grid-template-columns:11rem minmax(0,1fr);display:grid;@container results (inline-size<40rem){gap:var(--space-1);grid-template-columns:minmax(0,1fr)}}& .label[data-v-b66527ff]{align-items:center;gap:var(--space-2);line-height:var(--leading-sm);align-self:start;display:inline-flex}}.foot[data-v-b66527ff]{gap:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-sm);display:grid}.way[data-v-b66527ff]{font-family:var(--font-serif);color:var(--fg-soft)}.go{&[data-v-b66527ff]{font-family:var(--font-mono);color:var(--accent-fg);text-underline-offset:3px;text-decoration:underline dotted}&[data-v-b66527ff]:after{content:" →"}&[data-v-b66527ff]:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-md)}}.judged[data-v-b66527ff]{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--fg-muted)}.aside[data-v-b66527ff]{font-family:var(--font-serif);color:var(--fg-muted)}@media (hover:hover){a.item-name[data-v-b66527ff]:hover,.go[data-v-b66527ff]:hover{color:var(--accent-fg);text-decoration-color:currentColor}}:where(.results[data-v-94bf12d6]){z-index:10;padding:calc(var(--space-6) + var(--space-8) + var(--space-1) + var(--space-4) + var(--space-6)) var(--space-4) var(--space-24);background-color:var(--surface);position:relative}@media (width>=40rem){:where(.results[data-v-94bf12d6]){padding-inline:var(--space-10)}}.inner[data-v-94bf12d6]{gap:var(--space-10);inline-size:100%;max-inline-size:80rem;margin-inline:auto;display:grid;container:results/inline-size}.heading[data-v-94bf12d6]{align-items:center;gap:var(--space-5);text-align:center;flex-direction:column;display:flex}.lede[data-v-94bf12d6]{max-inline-size:46ch;font-size:var(--text-base);line-height:var(--leading-relaxed);text-wrap:balance;color:light-dark(var(--color-zinc-600),var(--color-zinc-400));@media (width>=40rem){font-size:var(--text-lg)}}.stage[data-v-94bf12d6]{--results-glass-w:min(calc(100cqi - 4rem - 20px), max(21rem, 28rem * var(--results-aspect)));gap:var(--space-10) var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"device device""detail detail""works meets";display:grid}@container results (inline-size>=72rem){.stage[data-v-94bf12d6]{--results-glass-w:min(calc(100cqi - 26rem - 2 * var(--space-10) - 4rem - 20px), max(21rem, 28rem * var(--results-aspect)));column-gap:var(--space-10);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"works device meets""detail detail detail"}}@container results (inline-size<40rem){.stage[data-v-94bf12d6]{--results-glass-w:min(calc(100cqi - 18px), max(22rem, 28rem * var(--results-aspect)));gap:var(--space-8) var(--space-4)}}.device[data-v-94bf12d6]{grid-area:device;justify-self:center}.detail[data-v-94bf12d6]{inline-size:min(100%, max(40rem, var(--results-glass-w) + 20px));grid-area:detail;justify-self:center}.spec[data-v-94bf12d6]{align-content:center;gap:var(--space-4);min-inline-size:0;display:grid}.works[data-v-94bf12d6]{text-align:end;grid-area:works;justify-self:end}.meets[data-v-94bf12d6]{grid-area:meets;justify-self:start}.spec-row[data-v-94bf12d6]{gap:2px;display:grid}.spec dt[data-v-94bf12d6]{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);font-weight:500}.spec dd{&[data-v-94bf12d6]{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-sm);font-variant-numeric:tabular-nums;color:var(--fg)}& .engine-lamp[data-v-94bf12d6]{margin-inline-start:var(--space-2)}}@container results (inline-size<72rem){.spec[data-v-94bf12d6]{align-content:start}}.page[data-v-94bf12d6]{grid-template-rows:auto minmax(0,1fr);justify-items:center;gap:clamp(.75rem,5cqb,2rem);padding:clamp(1rem,7cqb,2.75rem) clamp(.75rem,5cqi,2.5rem) clamp(.75rem,4cqb,1.5rem);display:grid;position:absolute;inset:0}.device[data-form=phone] .page[data-v-94bf12d6]{padding-block-start:2.75rem}.verdict[data-v-94bf12d6]{text-align:center;justify-items:center;gap:clamp(.25rem,1.5cqb,.75rem);max-inline-size:36rem;display:grid}.score-line[data-v-94bf12d6]{justify-content:center;align-items:center;gap:clamp(.75rem,3cqi,1.25rem);display:flex}.mark[data-v-94bf12d6]{flex:none;block-size:clamp(2.25rem,10cqb,3.25rem);inline-size:clamp(2.25rem,10cqb,3.25rem);overflow:visible}.ink[data-v-94bf12d6]{fill:var(--qruto-ink)}.signal{&[data-v-94bf12d6]{fill:var(--color-yellow-500)}&[data-signal=green][data-v-94bf12d6]{fill:var(--color-green-500)}&[data-signal=red][data-v-94bf12d6]{fill:var(--color-red-500)}}.verdict[data-scored] .signal[data-v-94bf12d6]{fill:var(--status);filter:drop-shadow(0 0 3px color-mix(in oklab, var(--status) 70%, transparent))}.digits[data-v-94bf12d6]{counter-reset:results-score var(--results-score)}.digits[data-v-94bf12d6]:after{content:counter(results-score)}.score .digits[data-v-94bf12d6]{--results-score:var(--results-shown,0)}.score[data-v-94bf12d6]{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--status-fg);font-size:clamp(3rem,20cqb,6rem);line-height:.9}.said[data-v-94bf12d6]{max-inline-size:40ch;font-family:var(--font-serif);font-size:var(--text-sm);line-height:var(--leading-sm);text-wrap:balance;color:var(--fg-soft)}.ran[data-v-94bf12d6]{font-size:var(--text-base);line-height:var(--leading-base);color:var(--fg);font-weight:600;display:block}.state[data-v-94bf12d6]{color:var(--status-fg)}.go{&[data-v-94bf12d6]{font-family:var(--font-mono);color:var(--accent-fg);text-underline-offset:3px;text-decoration:underline dotted}&[data-v-94bf12d6]:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-md)}}.share{&[data-v-94bf12d6]{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--fg-muted);background-color:var(--surface);box-shadow:inset 0 0 0 1px var(--line-soft);margin-block-start:var(--space-1);line-height:1.6;position:relative}&[data-v-94bf12d6]:before{content:"";position:absolute;inset:-.5rem -.25rem}&[data-v-94bf12d6]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}}.rack[data-v-94bf12d6]{gap:var(--space-1);grid-template-columns:repeat(5,minmax(auto,1fr));min-block-size:0;inline-size:100%;max-inline-size:38rem;display:grid;position:relative}.vial[data-v-94bf12d6]{justify-items:center;gap:var(--space-2);min-block-size:0;padding:var(--space-3) var(--space-1);border-radius:var(--radius-xl);grid-template-rows:auto minmax(2rem,1fr) auto auto;display:grid;position:relative}.plate[data-v-94bf12d6]{border-radius:var(--radius-xl);background-image:linear-gradient(var(--results-body-top), var(--results-body-foot));box-shadow:var(--results-raised);pointer-events:none;grid-row:1/span 1;position:absolute;inset:0}.vial[data-v-94bf12d6]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.vial-score[data-v-94bf12d6]{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--status-fg);font-size:clamp(1rem,5.5cqb,1.5rem);font-weight:500;line-height:1.2}.vial[data-unseen] .vial-score[data-v-94bf12d6]{color:var(--fg-faint)}.vial-tube[data-v-94bf12d6]{justify-content:center;min-block-size:0;display:flex}.vial-name{&[data-v-94bf12d6]{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-xs);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:var(--fg);align-items:center;gap:.375rem;font-weight:500;display:inline-flex}& .lamp[data-v-94bf12d6]{block-size:6px;inline-size:6px}}.vial[data-unseen] .vial-name{&[data-v-94bf12d6]{color:var(--fg-muted)}& .lamp[data-v-94bf12d6]{visibility:hidden}}.vial-reading[data-v-94bf12d6]{font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--leading-xs);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--fg-muted)}@container glass (inline-size<24rem){.rack[data-v-94bf12d6]{gap:0}.vial[data-v-94bf12d6]{padding-inline:2px}.vial-name{&[data-v-94bf12d6]{letter-spacing:0}& .lamp[data-v-94bf12d6]{display:none}}.vial-reading[data-v-94bf12d6]{display:none}}@container glass (block-size<21rem){.verdict[data-v-94bf12d6]{place-items:center start;column-gap:var(--space-6);text-align:start;grid-template-columns:auto minmax(0,22rem)}.score-line[data-v-94bf12d6]{grid-row:1/span 2}.vial-reading[data-v-94bf12d6]{display:none}}@media (hover:hover){.share[data-v-94bf12d6]:hover{color:var(--fg)}.vial[aria-selected=false]:hover .vial-name[data-v-94bf12d6]{color:var(--accent-fg)}}@media (prefers-reduced-motion:no-preference){.score .digits[data-v-94bf12d6]{transition:--results-score 1.1s var(--ease-out-quint);@starting-style{--results-score:0}}.vial .digits[data-v-94bf12d6]{transition:--results-score .7s var(--ease-out-quint)}.verdict[data-scored] .signal[data-v-94bf12d6]{transition:fill .2s var(--ease-out-quint)}.share[data-v-94bf12d6]:active,.vial[data-v-94bf12d6]:active{scale:.97}}}:root{--results-catch:light-dark(oklch(100% 0 none/.8),oklch(100% 0 none/.09));--results-edge:light-dark(color-mix(in oklab, var(--color-zinc-200), var(--color-zinc-400) 40%),oklch(0% 0 none/.5));--results-edge-foot:light-dark(color-mix(in oklab, var(--color-zinc-300), var(--color-zinc-400) 45%),oklch(0% 0 none/.65));--results-drop:light-dark(oklch(0% 0 none/.1),oklch(0% 0 none/.4));--results-drop-far:light-dark(oklch(0% 0 none/.05),oklch(0% 0 none/.22));--results-body-top:light-dark(var(--color-zinc-50),color-mix(in oklab, var(--color-zinc-800), var(--color-zinc-900) 30%));--results-body-foot:light-dark(color-mix(in oklab, var(--color-zinc-100), var(--color-zinc-50) 45%),color-mix(in oklab, var(--color-zinc-900), var(--color-zinc-800) 45%));--results-raised:inset 0 1px 0 0 var(--results-catch), 0 0 0 1px var(--results-edge), 0 1px 0 1px var(--results-edge-foot), 0 3px 2px 0 var(--results-drop), 0 18px 32px -22px var(--results-drop-far)}
