:root{--izm-training-accent: var(--accent, var(--brand, #0f766e));--izm-training-accent-dark: var(--accent-dark, var(--brand-dark, #115e59));--izm-training-on-accent: var(--on-accent, #ffffff);--izm-training-surface: var(--surface, #ffffff);--izm-training-surface-soft: var(--surface-soft, var(--surface-muted, #eef2f4));--izm-training-ink: var(--ink, #16232b);--izm-training-muted: var(--muted, #5b6b74);--izm-training-line: var(--line-strong, #c8d4da);--izm-training-veil: rgba(18, 44, 60, .55);--izm-training-typing: var(--warn-soft, #fffbe6)}.izm-training-veil{position:fixed;inset:0;z-index:60;pointer-events:auto}.izm-training-veil i{position:fixed;display:block;background:var(--izm-training-veil)}.izm-training-spot{position:fixed;z-index:61;border-radius:12px;pointer-events:none;border:2px solid var(--izm-training-accent);background:transparent;box-shadow:0 0 0 3px #ffffff61}.izm-training-spot.is-hidden{display:none}.izm-training-card{position:fixed;z-index:62;width:min(400px,calc(100vw - 32px));padding:16px 18px 14px;border-radius:14px;background:var(--izm-training-surface);border:1px solid var(--izm-training-line);box-shadow:0 18px 46px #122c3c47;max-height:calc(100dvh - 24px);overflow-y:auto}.izm-training-card .izm-training-step-of{margin:0;color:var(--izm-training-muted);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.izm-training-card h3{margin:6px 0 8px;font-size:17px;line-height:1.25;color:var(--izm-training-ink)}.izm-training-card p{margin:0 0 10px;color:var(--izm-training-ink);font-size:14px;line-height:1.5}.izm-training-card p.izm-training-hint{color:var(--izm-training-muted);font-size:13px}.izm-training-card .izm-training-tag{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700}.izm-training-tag.req{color:#14532d;background:#dcfce7}.izm-training-tag.opt{color:#1e3a5f;background:#dbeafe}.izm-training-tag.auto{color:#713f12;background:#fef3c7}.izm-training-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;min-width:0}.izm-training-actions .izm-training-spacer{flex:1 1 auto}.izm-training-actions button{min-height:36px;padding:7px 13px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer}.izm-training-card .izm-training-next{color:var(--izm-training-on-accent);background:var(--izm-training-accent);border:1px solid var(--izm-training-accent)}.izm-training-card .izm-training-next:hover,.izm-training-card .izm-training-next:focus-visible,.izm-training-card .izm-training-next:focus{color:var(--izm-training-on-accent);background:var(--izm-training-accent-dark);border-color:var(--izm-training-accent-dark)}.izm-training-card .izm-training-next[disabled],.izm-training-card .izm-training-next[disabled]:hover,.izm-training-card .izm-training-next[disabled]:focus{color:var(--izm-training-on-accent);background:var(--izm-training-accent);border-color:var(--izm-training-accent);opacity:.55;cursor:default}.izm-training-card .izm-training-back,.izm-training-card .izm-training-exit{color:var(--izm-training-muted);background:var(--izm-training-surface);border:1px solid var(--izm-training-line)}.izm-training-card .izm-training-back:hover,.izm-training-card .izm-training-back:focus-visible,.izm-training-card .izm-training-exit:hover,.izm-training-card .izm-training-exit:focus-visible{border-color:var(--izm-training-accent)}.izm-training-card .izm-training-back[disabled]{opacity:.55;cursor:default}.izm-training-card button:focus-visible{outline:none;box-shadow:0 0 0 3px #0f766e4d}.izm-training-progress{height:4px;margin:10px 0 0;border-radius:999px;background:var(--izm-training-surface-soft);overflow:hidden}.izm-training-progress i{display:block;height:100%;background:var(--izm-training-accent);transition:width .2s ease}.izm-training-typing{animation:izm-training-blink 1s steps(2) infinite}@keyframes izm-training-blink{50%{background-color:var(--izm-training-typing)}}body.izm-training-on .izm-training-required{outline:2px solid #16a34a;outline-offset:3px;border-radius:8px}body.izm-training-on .izm-training-optional{outline:2px dashed #60a5fa;outline-offset:3px;border-radius:8px}body.izm-training-on .izm-training-auto{outline:2px dotted #f59e0b;outline-offset:3px;border-radius:8px}.izm-training-legend{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.izm-training-legend span{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--izm-training-muted)}.izm-training-legend i{width:12px;height:12px;border-radius:4px}.izm-training-legend i.req{background:#16a34a}.izm-training-legend i.opt{background:#60a5fa}.izm-training-legend i.auto{background:#f59e0b}@media(prefers-reduced-motion:reduce){.izm-training-typing{animation:none}.izm-training-progress i{transition:none}}@media(max-width:720px){.izm-training-card{left:12px!important;right:12px;bottom:12px!important;top:auto!important;width:auto;padding:14px 14px 12px}.izm-training-card.at-top{top:var(--izm-training-top, 12px)!important;bottom:auto!important}.izm-training-spot{box-shadow:0 0 0 9999px var(--izm-training-veil)}}