.tf{--tf-bar:4.5rem;--tf-col:44rem;--tf-pad:clamp(1.25rem, 4vw, 3rem);--tf-ask:clamp(1.6rem, 1.2rem + 1.6vw, 2.4rem);--tf-opt:clamp(1.02rem, .98rem + .2vw, 1.15rem);--tf-letter:1.75rem;--tf-line:3px;--tf-gap:.6rem;--tf-move:1.5rem;--tf-in:420ms;--tf-ease:cubic-bezier(.16, 1, .3, 1);--tf-nav:2.75rem;min-height:100dvh;overflow-x:hidden}.tf-bar{position:fixed;inset:0 0 auto;z-index:20;height:var(--tf-bar);display:flex;align-items:center;gap:1.5rem;padding:0 var(--tf-pad);background:var(--surface)}.tf-count{margin-left:auto}.tf-bar .site-nav__langs{order:0}.tf-exit{display:grid;place-items:center;width:var(--tf-nav);height:var(--tf-nav);color:var(--fg-2)}.tf-exit:hover{color:var(--fg)}.tf-line{position:fixed;inset:var(--tf-bar)0 auto;z-index:20;height:var(--tf-line);background:var(--rule)}.tf-line span{display:block;height:100%;width:0;background:var(--accent-fill);transition:width var(--tf-in)var(--tf-ease)}.tf-form{display:contents}.tf-screen{border:0;margin:0;padding:calc(var(--tf-bar) + var(--tf-pad))var(--tf-pad)calc(var(--tf-nav) + 2 * var(--tf-pad));min-width:0;min-height:100dvh;display:flex;align-items:center}.tf-inner{width:100%;max-width:var(--tf-col);margin:0 auto}.js .tf-screen:not(.is-on){display:none}.js .tf-screen.is-on .tf-inner{animation:tf-in var(--tf-in)var(--tf-ease)both}.js .tf-screen.is-on[data-dir=back] .tf-inner{animation-name:tf-back}@keyframes tf-in{from{opacity:0;transform:translateY(var(--tf-move))}}@keyframes tf-back{from{opacity:0;transform:translateY(calc(var(--tf-move) * -1))}}.tf-welcome h1{font-size:clamp(2.4rem,1.6rem + 3.2vw,4rem);max-width:16ch}.tf-lede{font-size:clamp(1.1rem,1rem + .5vw,1.35rem);color:var(--fg-2);max-width:44ch;margin:1.25rem 0 0}.tf-gets{list-style:none;margin:3rem 0 0;padding:0;display:grid;gap:.9rem;max-width:52ch}.tf-gets li{padding-left:1rem;border-left:1px solid var(--rule);color:var(--fg-2)}.tf-gets strong{color:var(--fg);font-weight:600}.tf-note{margin:1.5rem 0 0}.tf-ask{display:flex;gap:.9rem;padding:0;font-family:var(--disp);font-weight:600;font-size:var(--tf-ask);letter-spacing:-.03em;line-height:1.12;margin:0;outline:none}.tf-num{font-family:var(--data);font-size:.5em;line-height:2.4;color:var(--accent-text);flex:none}.tf-hint{color:var(--fg-2);margin:.9rem 0 0;max-width:52ch}.tf-welcome h1:focus,.tf-result h2:focus{outline:none}.tf-opts{display:grid;gap:var(--tf-gap);margin-top:2rem;max-width:34rem}.tf-opt{position:relative;display:flex;align-items:center;gap:.85rem;padding:.7rem .9rem;border:1px solid var(--rule);background:var(--panel);font-size:var(--tf-opt);line-height:1.35;cursor:pointer;transition:border-color var(--t-fast,160ms)ease,background var(--t-fast,160ms)ease}.tf-opt:hover{border-color:var(--fg-2)}.tf-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.tf-letter{flex:none;display:grid;place-items:center;width:var(--tf-letter);height:var(--tf-letter);border:1px solid var(--rule);font-family:var(--data);font-size:.8rem;color:var(--fg-2);background:var(--surface)}.tf-opt:has(input:checked){border-color:var(--accent-fill);background:var(--wash)}.tf-opt:has(input:checked) .tf-letter{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.tf-opt:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.tf-opt.is-picked{animation:tf-pick 360ms steps(1)1}@keyframes tf-pick{0%,50%{background:var(--panel)}25%,75%,100%{background:var(--wash)}}.tf-act{display:flex;align-items:center;gap:1rem;margin-top:2rem}.tf-key{font-size:.85rem;color:var(--fg-3)}.tf-ok[disabled],.tf-ok[disabled]+.tf-key{visibility:hidden}.tf-nav{position:fixed;right:var(--tf-pad);bottom:var(--tf-pad);z-index:20;display:flex;gap:1px;background:var(--rule);border:1px solid var(--rule)}.tf-nav button{all:unset;display:grid;place-items:center;width:var(--tf-nav);height:var(--tf-nav);background:var(--surface);color:var(--fg);cursor:pointer}.tf-nav button:hover:not([disabled]){background:var(--panel-hover)}.tf-nav button[disabled]{color:var(--rule);cursor:default}.tf-nav button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.tf:not(.js) .tf-nav{display:none}.tf-result{align-items:flex-start}.tf-result h2{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.25rem);margin-bottom:1.5rem}.tf-copy{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--rule);max-width:34rem}.tf-copy h3{margin-bottom:.5rem}.tf-copy p{color:var(--fg-2)}.tf-end{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.5rem}@media(max-width:640px){.tf-bar .site-nav__word{display:none}.tf-ask{flex-direction:column;gap:.4rem}.tf-num{line-height:1}.tf-key{display:none}}@media(prefers-reduced-motion:reduce){.js .tf-screen.is-on .tf-inner,.tf-opt.is-picked{animation:none}}