.mf-f-key{font-family:var(--font-mono);align-items:stretch;gap:1rem;display:flex}.mf-f-key-labels{border-inline-end:1px dashed var(--tape-quiet);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--tape-quiet);flex:none;grid-template-rows:1fr 1fr;align-items:center;padding-inline-end:1rem;display:grid}.mf-f-slots{letter-spacing:0;flex-wrap:wrap;gap:.75rem .4em;font-size:1.75rem;font-weight:700;display:flex}.mf-f-key-compact{--strike:.75px}.mf-f-key-compact .mf-f-slots{gap:.5rem .3em;font-size:1.0625rem}.mf-f-slot{grid-template-rows:auto auto;justify-items:center;min-inline-size:1.1ch;line-height:1.2;display:grid}.mf-f-sent{color:var(--tape-hit)}.mf-f-given{color:var(--tape-hit);font-size:.8em;font-weight:400}.mf-f-slot[data-mark=miss] .mf-f-sent,.mf-f-slot[data-mark=wrong] .mf-f-sent{color:var(--tape-miss);position:relative}.mf-f-slot[data-mark=miss] .mf-f-sent:after,.mf-f-slot[data-mark=wrong] .mf-f-sent:after{content:"";background:linear-gradient(to top right, transparent calc(50% - var(--strike,1.5px)), currentColor calc(50% - var(--strike,1.5px)) calc(50% + var(--strike,1.5px)), transparent calc(50% + var(--strike,1.5px)));pointer-events:none;position:absolute;inset:8% -12%}.mf-f-slot[data-mark=miss] .mf-f-given{color:var(--tape-quiet)}.mf-f-slot[data-mark=wrong] .mf-f-given{color:var(--tape-miss);font-weight:700}.mf-f-slot[data-mark=extra] .mf-f-sent{color:var(--tape-quiet)}.mf-f-slot[data-mark=extra] .mf-f-given{color:var(--tape-extra);text-underline-offset:.2em;font-weight:700;text-decoration:underline 2px}.mf-f-line{grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem 1rem;padding-block:20px 10px;display:grid}.mf-f-line-no{font-size:var(--text-label);letter-spacing:var(--tracking-label);color:var(--tape-quiet)}.mf-f-line-score{font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--tape-hit);align-items:center;gap:.5rem;font-size:.9375rem;display:inline-flex}.mf-f-line-text{letter-spacing:.12em;color:var(--tape-hit);font-size:1.0625rem;font-weight:700}.mf-f-tone{--tone:var(--color-line-strong);border:2px solid var(--tone);border-radius:2px;flex:none;block-size:14px;inline-size:14px;display:inline-block}.mf-f-tone[data-tone=perfect]{--tone:var(--tape-clean,var(--color-signal));background:var(--tone)}.mf-f-tone[data-tone=pass]{--tone:var(--tape-extra,var(--color-amber));background:linear-gradient(to top, var(--tone) 50%, transparent 50%)}.mf-f-tone[data-tone=under]{--tone:var(--tape-miss,var(--color-danger))}.mf-f-tone[data-tone=pending]{--tone:var(--color-line-strong);border-style:dashed}.mf-f-tone-lg{block-size:22px;inline-size:22px}.mf-f-holes{flex-wrap:wrap;gap:10px;padding-block:22px 12px;display:flex}.mf-f-hole{border:2px solid var(--tape-quiet);border-radius:999px;block-size:18px;inline-size:18px;display:inline-block;position:relative}.mf-f-hole[data-state=done]{border-color:var(--tape-hit);background:var(--tape-hit)}@media (width<=39.99rem){.mf-f-holes{flex-wrap:nowrap;gap:4px}.mf-f-holes .mf-f-hole{block-size:12px;inline-size:12px}}.mf-f-hole[data-state=open]{border-style:dashed;border-color:var(--tape-hit)}.mf-f-hole[data-today=true]:after{content:"";background:var(--tape-hit);block-size:2px;position:absolute;inset-block-start:calc(100% + 4px);inset-inline:-2px}.mf-f-legend{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;font-size:.875rem;display:flex}.mf-f-legend>span{align-items:center;gap:.5rem;display:inline-flex}.mf-f-legend .mf-f-hole{block-size:14px;inline-size:14px}.mf-f-legend-tape{border-block-start:1px dashed var(--tape-quiet);font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--tape-quiet);padding-block-start:6px}.mf-f-telegram{white-space:pre-wrap;word-break:break-word;letter-spacing:0;margin:0;padding-block:24px 14px;font-size:.875rem;line-height:1.7}.mf-f-answer{font-family:var(--font-mono);letter-spacing:.16em;font-size:clamp(1.5rem,1rem + 2.5vw,2.25rem)}.mf-f-answer::placeholder{font-family:var(--font-body);letter-spacing:normal;text-transform:none;font-size:1rem;font-weight:400}.mf-f-received{border:2px solid var(--tape-clean);color:var(--tape-clean);font-family:var(--font-display);font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;border-radius:3px;flex:none;padding:.125rem .5rem;font-weight:700;transform:rotate(-6deg)}@media (width<=39.99rem){.mf-f-kinds .mf-option{padding-block:.75rem}.mf-f-kinds .mf-option[aria-checked=false]:not([aria-disabled=true]) .mf-option-hint{display:none}.mf-f-pool .mf-segment{letter-spacing:.02em;padding-inline:.375rem;line-height:1.25}}
