@layer properties,theme,base;@layer components{.test__top{min-block-size:calc(100vh - var(--header-h));grid-template-rows:auto 1fr;padding-block-end:var(--s-4);display:grid}@supports (min-block-size:100svh){.test__top{min-block-size:calc(100svh - var(--header-h))}}@media (width>=48rem){.test__top{min-block-size:min(calc(100vh - var(--header-h)),60rem)}@supports (min-block-size:100svh){.test__top{min-block-size:min(calc(100svh - var(--header-h)),60rem)}}}.stage{--focus:#fff;--signal:var(--signal-stage);--pad:clamp(1.25rem, .4rem + 4cqi, 3.5rem);--fs-readout:clamp(6.5rem, 4rem + 12cqi, 10rem);--fs-reading:clamp(8rem, 5rem + 14cqi, 12rem);--fs-arena:clamp(3.25rem, 1.9rem + 6cqi, 6rem);--fs-claim:clamp(1.625rem, 1.2rem + 1.7cqi, 2.5rem);min-block-size:36rem;color:var(--on-stage);background-color:var(--blueprint);outline:var(--w-hair) solid var(--stage-frame);outline-offset:-1px;border-radius:var(--r-drawn);display:grid;position:relative;container:stage/inline-size}:is(.stage:has(>.before),.stage:has(>.result)){background-image:linear-gradient(var(--stage-grid) 1px,transparent 1px),linear-gradient(90deg,var(--stage-grid) 1px,transparent 1px);background-position:-1px -1px;background-size:1.5rem 1.5rem}.stage.is-full,.stage[data-state=armed],.stage[data-state=running]{background-image:none}.stage a:not(.btn){color:var(--on-stage)}.stage__note{color:var(--on-stage-2)}.before{align-content:center;gap:var(--s-6);padding:var(--pad)}.before__pic{align-items:center;display:grid}.before__do{gap:var(--s-4);display:grid}@media (height<=40rem){.before{align-content:start;gap:var(--s-5)}}.before__do .btn{margin-block-start:var(--s-2)}@container stage (width>=56rem){.before{gap:var(--s-8);grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.before__do{align-content:center;gap:var(--s-5);order:-1;max-inline-size:34rem}.before__do .btn{justify-self:start;min-inline-size:16rem}}.story{align-items:stretch;gap:var(--s-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);block-size:clamp(8rem,26vh,15rem);inline-size:100%;max-inline-size:26rem;margin-inline:auto;display:grid}.story__frame{align-content:center;justify-items:center;gap:var(--s-3);padding:var(--s-3);border:var(--w-line) solid var(--on-stage);border-radius:var(--r-drawn);font-size:var(--fs-lead);text-align:center;font-weight:800;line-height:1.1;display:grid}.story__frame--wait{background:var(--blueprint-deep)}.story__frame--go{background:var(--go);color:var(--on-go);border-color:var(--go)}.story__then{align-self:center;block-size:1.5rem;inline-size:1.5rem}.story .shape{block-size:3.5rem;inline-size:3.5rem}.pic{justify-items:center;gap:var(--s-3);inline-size:100%;max-inline-size:26rem;margin-inline:auto;display:grid}.pic__words{text-align:center;font-size:1.5rem;font-weight:700;line-height:1.6}.pic__words b{color:var(--blueprint-deep);background:#fff;border-radius:.25rem;margin-inline-end:.15em;padding:.1em .35em;font-weight:800}.pic__field{block-size:3.5rem;inline-size:100%;max-inline-size:18rem;padding-inline:var(--s-4);color:#20242a;border-radius:var(--r-press);background:#fff;align-items:center;font-size:1.5rem;font-weight:600;display:flex}.pic__field i{background:#20242a;block-size:1.75rem;inline-size:2px;margin-inline-start:2px}.pic__scale{gap:var(--s-2);grid-template-columns:repeat(5,1fr);inline-size:100%;max-inline-size:18rem;display:grid}.pic__scale i{border:var(--w-line) solid var(--on-stage-2);border-radius:.5rem;block-size:2.5rem}.pic__scale i.is-on{background:#fff;border-color:#fff}@container stage (width>=56rem){.story{gap:var(--s-4);block-size:clamp(12rem,38vh,22rem);max-inline-size:32rem}.story .shape{block-size:5.5rem;inline-size:5.5rem}.story__frame{gap:var(--s-4);font-size:1.625rem}.story__then{block-size:2rem;inline-size:2rem}.pic{gap:var(--s-5);max-inline-size:30rem}.pic .shape{block-size:11rem;inline-size:11rem}.pic__words{font-size:2rem}.pic__field,.pic__scale{max-inline-size:24rem}.pic__field{block-size:4.25rem;font-size:1.75rem}.pic__scale i{block-size:3.25rem}}.shape{fill:none;stroke:currentColor;stroke-width:9px;block-size:7.5rem;inline-size:7.5rem}.shape--fill{fill:currentColor;stroke:none}.stage.is-full{z-index:100;overscroll-behavior:contain;outline:0;block-size:100vh;min-block-size:0;inline-size:100%;position:fixed;inset:0;overflow-y:auto}@supports (block-size:100dvh){.stage.is-full{block-size:100dvh}}body.is-testing{overflow:hidden}.run{min-block-size:100%;padding:var(--s-3) var(--pad) var(--pad);-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer;grid-template-rows:auto minmax(0,1fr) auto}.run__bar{justify-content:space-between;align-items:center;gap:var(--s-4);min-block-size:var(--tap);display:flex}.run__count{font-size:var(--fs-lead);font-weight:700}.run__mid{align-content:center;justify-items:center;gap:var(--s-5);text-align:center;padding-block:var(--s-5);display:grid}.run__word{font:800 var(--fs-arena)/1.05 var(--font-text);text-wrap:balance}.run__sub{font:700 var(--fs-claim)/var(--lh-claim) var(--font-text);color:var(--on-stage-2);text-wrap:balance;max-inline-size:22em}.run__foot{align-content:end;justify-items:center;min-block-size:2.5rem;display:grid}.run__hit{cursor:pointer;background:0 0;border:0;block-size:100%;inline-size:100%;position:absolute;inset:0}.run__hit:focus-visible{outline-offset:-8px}.run__bar,.run__foot,.run__mid{pointer-events:none;position:relative}.run__bar .tbtn{pointer-events:auto}.run__controls{align-items:center;gap:var(--s-4);display:flex}.stage.is-full[data-stim=go],.stage[data-run=go]{background-color:var(--go);color:var(--on-go);--on-stage:var(--on-go);--on-stage-2:var(--on-go);--focus:var(--on-go)}.stage[data-run=go] .run__word{font-size:calc(var(--fs-arena)*1.5)}.run__if-go,.run__if-not-go{justify-items:center;gap:var(--s-5);display:grid}.run__if-go{display:none}.stage[data-stim=go] .run__if-go{display:grid}.stage[data-stim=go] .run__if-not-go{display:none}.tries{align-items:flex-end;gap:.875rem;block-size:2.5rem;display:inline-flex}.tries i{background:var(--on-stage-2);opacity:.7;block-size:1rem;inline-size:.5rem}.tries i.is-done{background:var(--on-stage);opacity:1;block-size:2.5rem}.tries i.is-now{outline:2px solid var(--on-stage);outline-offset:-2px;opacity:1;background:0 0;block-size:2.5rem}.result{padding:var(--pad);grid-template-rows:auto minmax(0,1fr) auto;align-content:start;gap:1.25rem}.result__top{gap:var(--s-2);align-content:start;display:grid}.result__label{font:700 var(--fs-lead)/1.3 var(--font-text);color:var(--on-stage-2)}.result__fig{align-self:center}.stage__actions{gap:var(--s-3);display:grid}.readout{font:700 var(--fs-reading)/.8 var(--font-reading);font-variant-numeric:lining-nums;flex-wrap:wrap;align-items:baseline;gap:0 .08em;display:flex}.readout__unit{font:700 .215em/1.2 var(--font-text)}.readout--words{font-size:calc(var(--fs-reading)*.85)}.readout--words .readout__unit{flex-basis:100%;margin-block-start:.3em;font-size:.23em}.result .claim{margin-block-start:var(--s-2)}.result__more{color:var(--on-stage-2)}.result--plain{grid-template-rows:minmax(0,1fr) auto}.result--plain .claim{font-size:calc(var(--fs-claim)*1.2);margin-block-start:var(--s-2)}.result--plain .result__more{margin-block-start:var(--s-4)}@container stage (width>=56rem){.result{gap:var(--s-6) var(--s-8);grid-template-rows:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;align-items:center}.result__top{grid-column:1}.result__fig{grid-area:1/2/span 2}.result .stage__actions{flex-wrap:wrap;grid-column:1;display:flex}.result .stage__actions .btn{flex:0 auto;min-inline-size:13rem}.result .sruler{--u:1.25rem}.result .claim{margin-block-start:var(--s-4)}.result--plain{gap:var(--s-6);grid-template-rows:none;grid-template-columns:minmax(0,44rem)}}@container stage (width>=82rem){.before,.result{inline-size:100%;max-inline-size:76rem;margin-inline:auto}}.more__body>.trait:first-child{margin-block-start:var(--s-4)}.trait+.trait{border-block-start:var(--w-hair) solid var(--rule);margin-block-start:var(--s-6);padding-block-start:var(--s-5)}.trait>*+*{margin-block-start:var(--s-3)}.trait .sruler{max-inline-size:30rem}.sharecard__say--big{font-size:var(--fs-h3)}.test__after{gap:var(--s-3);max-inline-size:calc(var(--page-max) + var(--gutter)*2);display:grid}.saved{align-items:flex-start;gap:var(--s-2);color:var(--ink-2);padding-block:var(--s-1);display:flex}.saved .icon{color:var(--ink);margin-block-start:.2em}.ask{gap:var(--s-4);min-block-size:100%;padding:var(--s-3) var(--pad) var(--s-4);grid-template-rows:auto auto 1fr auto;inline-size:100%;max-inline-size:44rem;margin-inline:auto}.ask__bar{gap:var(--s-2);display:grid}.ask__top{justify-content:space-between;align-items:center;gap:var(--s-4);min-block-size:var(--tap);display:flex}.ask__count{font-size:var(--fs-lead);font-weight:700}.bar{background:var(--blueprint-deep);outline:var(--w-hair) solid var(--stage-line);outline-offset:-1px;block-size:.625rem}.bar>i{block-size:100%;inline-size:calc(var(--done)/var(--of)*100%);background:var(--on-stage);display:block}.run__foot .bar{inline-size:100%}.ask__q{font:700 var(--fs-claim)/var(--lh-claim) var(--font-text);text-wrap:balance;padding-block:var(--s-2)}.ask__q small{font-size:var(--fs-body);color:var(--on-stage-2);margin-block-end:var(--s-1);font-weight:600;display:block}.answers{gap:var(--s-2);align-content:start;display:grid}.answer{align-items:center;gap:var(--s-3);inline-size:100%;min-block-size:var(--tap-answer);padding:.375rem var(--s-4);color:var(--on-stage);cursor:pointer;text-align:start;border:var(--w-line) solid var(--on-stage-2);border-radius:var(--r-press);font-size:var(--fs-lead);background:0 0;font-weight:600;line-height:1.2;display:flex}.answer.is-hover,.answer:hover{background:#ffffff24;border-color:#fff}.answer.is-active,.answer:active{background:#ffffff3d}.answer[aria-pressed=true]{color:var(--blueprint-deep);background:#fff;border-color:#fff;font-weight:800}.answer__tick{visibility:hidden;flex:none;block-size:1.5rem;inline-size:1.5rem;margin-inline-start:auto}.answer[aria-pressed=true] .answer__tick{visibility:visible}.ask__foot{justify-content:space-between;align-items:center;gap:var(--s-1) var(--s-4);color:var(--on-stage-2);flex-wrap:wrap;display:flex}.ask__foot .tbtn{color:var(--on-stage);margin-inline-start:calc(var(--s-3)*-1)}@media (height<=43rem) and (width<=47.99rem){.ask{gap:var(--s-3)}.answer{min-block-size:var(--tap);font-size:var(--fs-body)}}@container stage (width>=48rem){.ask{align-content:center;gap:var(--s-5);grid-template-rows:auto auto auto auto}}.type{gap:var(--s-3);min-block-size:100%;padding:var(--s-3) var(--pad) var(--s-4);grid-template-rows:auto auto auto auto minmax(0,1fr);align-content:start;inline-size:100%;max-inline-size:48rem;margin-inline:auto}.type__top{justify-content:space-between;align-items:center;gap:var(--s-4);min-block-size:var(--tap);display:flex}.type__time{font-size:var(--fs-lead);font-variant-numeric:tabular-nums lining-nums;font-weight:700}.words{font:600 1.625rem/1.5 var(--font-text);min-block-size:4.875rem;max-block-size:4.875rem;position:relative;overflow:hidden}.word{border-radius:.25rem;margin-inline-end:.15rem;padding:0 .3rem;display:inline-block}.word.is-done,.word.is-wrong{color:var(--on-stage-2)}.word.is-wrong{text-decoration:line-through;text-decoration-thickness:2px}.word.is-now{color:var(--blueprint-deep);background:#fff;font-weight:800}.type__field{inline-size:100%;min-block-size:var(--tap-big);padding:0 var(--s-4);color:#20242a;border:var(--w-line) solid #fff;border-radius:var(--r-press);background:#fff;font-size:1.5rem;font-weight:600}.type__field::placeholder{color:#5a6577;font-weight:400}.type__field:focus-visible{outline-offset:3px}.type__hint{color:var(--on-stage-2)}@container stage (width>=48rem){.type{align-content:center;gap:var(--s-5);grid-template-rows:none}.words{min-block-size:6rem;max-block-size:6rem;font-size:2rem}}.ask,.before,.result,.run,.type{display:grid}.stage.is-locked{touch-action:none;-webkit-user-select:none;user-select:none}.stage__stopped{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--blueprint-deep);font-weight:700;line-height:var(--lh-ui);display:flex}.before>.stage__stopped{order:-2;grid-column:1/-1;justify-self:stretch}.run__word--big{font-size:calc(var(--fs-arena)*1.5)}.stage__stopped-shape{fill:none;stroke:currentColor;stroke-width:10px;flex:none;block-size:2rem;inline-size:2rem}}@layer utilities;