.szpXIq_back{color:var(--muted);margin-bottom:24px;font-size:13px;display:inline-block}.szpXIq_heading h1{margin-bottom:12px;font-size:clamp(36px,5vw,58px)}.szpXIq_heading>p:last-child{color:var(--muted)}.szpXIq_eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--green);font-size:11px;font-weight:700}.szpXIq_layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);align-items:start;gap:48px;display:grid}.szpXIq_panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:28px}.szpXIq_top{color:var(--muted);letter-spacing:.05em;justify-content:space-between;gap:8px;font-size:11px;display:flex}.szpXIq_tiles{flex-direction:column;gap:6px;max-width:310px;margin:28px auto;display:flex}.szpXIq_row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.szpXIq_tile{aspect-ratio:1;border:1px solid #a6b4ae;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;font-size:27px;font-weight:700;line-height:1.1;display:flex}.szpXIq_tile small{margin-top:3px;font-size:11px;line-height:1}.szpXIq_correct{color:#fff;background:#245c48;border-color:#245c48}.szpXIq_present{color:#493300;background:#f0d47b;border-color:#9c7413}.szpXIq_absent{color:#33443e;background:#dbe0de;border-color:#899b94}.szpXIq_welcome{text-align:center}.szpXIq_welcome h2{font-size:25px}.szpXIq_primary,.szpXIq_secondary{border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600}.szpXIq_primary{background:var(--green);color:#fff;border:1px solid var(--green)}.szpXIq_secondary{border:1px solid var(--line);color:var(--ink);background:0 0}.szpXIq_primary:disabled,.szpXIq_secondary:disabled{opacity:.5}.szpXIq_form label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.szpXIq_inputRow{gap:8px;display:flex}.szpXIq_inputRow input{text-transform:uppercase;background:#fff;border:1px solid #879b90;border-radius:8px;width:100%;min-width:0;padding:8px 12px;font-size:22px}.szpXIq_form p{color:var(--muted);margin:8px 0;font-size:12px}.szpXIq_keyboard{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;margin-top:24px;display:grid}.szpXIq_key{border:1px solid #899b94;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:4px 0;font-size:15px;font-weight:700;line-height:1.1;display:flex}.szpXIq_key small{font-size:10px}.szpXIq_key:not(.szpXIq_correct):not(.szpXIq_present):not(.szpXIq_absent){color:var(--ink);background:#f2f2ea}.szpXIq_erase{color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:6px;grid-column:span 4;font-size:13px}.szpXIq_actions{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.szpXIq_error{min-height:24px;color:var(--danger);margin:14px 0;font-size:13px}.szpXIq_feedback{color:var(--muted);font-size:12px}.szpXIq_result{background:var(--mint);border-radius:14px;margin-bottom:20px;padding:24px}.szpXIq_result h2{font-size:25px}.szpXIq_result a{margin:12px 0;font-size:13px;display:inline-block}.szpXIq_note{color:var(--muted);margin-top:24px;font-size:12px}.szpXIq_instructions{color:var(--muted);padding-top:12px;font-size:14px}.szpXIq_instructions h2{color:var(--ink);font-size:30px}.szpXIq_legend div{margin-bottom:16px}.szpXIq_legend dt{color:var(--ink);align-items:center;gap:10px;font-weight:700;display:flex}.szpXIq_legend dt span{border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.szpXIq_legend dd{margin:6px 0 0 40px}.szpXIq_tip{background:var(--peach);border-radius:16px;margin:24px 0;padding:22px}.szpXIq_tip h3{color:var(--ink);font-size:19px}.szpXIq_tip p{margin:0}.szpXIq_warning{background:var(--peach);border-radius:12px;padding:20px}@media (max-width:800px){.szpXIq_layout{grid-template-columns:1fr;gap:28px}.szpXIq_panel{width:100%;max-width:600px;margin:auto}}@media (max-width:440px){.szpXIq_panel{padding:20px 16px}.szpXIq_keyboard{grid-template-columns:repeat(6,minmax(0,1fr))}.szpXIq_erase{grid-column:span 3}.szpXIq_tile{font-size:24px}.szpXIq_result{padding:18px}}