[hidden]{display:none!important}.wordmark{font:500 1.0625rem var(--font-read);letter-spacing:-.01em}.wordmark:before{content:"";display:inline-block;width:9px;height:9px;margin-right:10px;background:var(--draw);vertical-align:1px}.who-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--s-8);align-items:end;padding:var(--s-6) 0 var(--s-8)}.who-how{padding-bottom:6px}@media (max-width: 860px){.who-hero{grid-template-columns:1fr;gap:var(--s-6)}}.who-row{grid-template-columns:52px minmax(140px,1fr) 88px 170px 96px 20px}@media (max-width: 900px){.who-row{grid-template-columns:48px minmax(120px,1fr) 80px 150px 20px}.who-last{display:none}}.who-sample{font-size:1.875rem;line-height:1;color:var(--draw);text-align:center}.who-learner{font:500 1.125rem var(--font-read);letter-spacing:-.01em}.who-held{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:var(--s-3)}.who-held .tickbar>i{background:var(--draw)}.who-last{text-align:right}.who-go{color:var(--fg-faint);text-align:right;transition:translate var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out)}a.who-row:hover .who-go{translate:3px 0;color:var(--draw)}@media (max-width: 760px){.who-row{grid-template-columns:44px 1fr 24px}.who-row .label,.who-held{display:none}}.who-new{display:grid;gap:var(--s-6)}.hands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4)}@media (max-width: 760px){.hands{grid-template-columns:1fr}}.hand{position:relative;display:grid;gap:var(--s-3);cursor:pointer}.hand input{position:absolute;opacity:0;pointer-events:none}.hand-plate{display:grid;place-items:center;gap:var(--s-2);aspect-ratio:4 / 3;padding:var(--s-6) var(--s-4) var(--s-4);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),scale var(--dur-quick) var(--ease-out)}.hand-big{font-size:clamp(3.5rem,7vw,5rem);line-height:1;color:var(--fg);transition:color var(--dur-fast) var(--ease-out)}.hand-word{font-size:clamp(1.25rem,2.2vw,1.625rem);line-height:1.2;color:var(--fg-muted);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out)}.hand-cap{display:grid;gap:2px}.hand-cap b{font:500 1rem var(--font-read)}.hand-count{color:var(--fg-muted)}.hand:hover .hand-plate{border-color:color-mix(in oklch,var(--draw) 55%,transparent)}.hand:active .hand-plate{scale:.99;transition-duration:var(--dur-micro)}.hand:has(input:focus-visible) .hand-plate{outline:1.5px dashed var(--accent);outline-offset:3px}.hand:has(input:checked) .hand-plate{border-color:var(--draw);box-shadow:inset 0 0 0 1px var(--draw)}.hand:has(input:checked) .hand-big,.hand:has(input:checked) .hand-word{color:var(--draw)}.hand:has(input:checked) .hand-cap b{color:var(--draw)}.hand[data-ready="0"]{cursor:default}.hand[data-ready="0"] .hand-plate{opacity:.55;border-style:dashed}.hand[data-ready="0"]:hover .hand-plate{border-color:var(--line-strong)}.who-name{display:flex;align-items:end;gap:var(--s-3);flex-wrap:wrap}.field{display:grid;gap:var(--s-2);flex:1;min-width:220px;max-width:420px}.field input{height:48px;padding:0 var(--s-3);border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface);font:var(--t-lead)}.field input:focus{outline:1.5px dashed var(--accent);outline-offset:2px}.who-name .btn.primary{height:48px}.problem{display:grid;gap:var(--s-3);justify-items:start;padding:var(--s-4);border:1px solid color-mix(in oklch,var(--accent) 50%,transparent)}.problem p,.problem-inline{margin:0}.problem-inline{color:var(--accent)}.hand-plate{position:relative}.hand-write{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hand[data-writes=true] .hand-word{visibility:hidden!important}