:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-bg:#f1f2f4;--color-surface:#fff;--color-surface-muted:#f6f7f9;--color-text:#1b2130;--color-text-muted:#6a7182;--color-border:#e3e5ea;--color-primary:#2349c4;--color-primary-hover:#1b3aa0;--color-primary-contrast:#fff;--color-primary-soft:#eaeffc;--color-success:#2b9348;--color-danger:#e03131;--color-highlight:#ff6ebe8c;--color-focus:#ffb703;--color-backdrop:#14182259;--shadow-card:0 1px 2px #1018280a, 0 8px 24px #1018280f;--shadow-raised:0 1px 2px #1018281a;--shadow-dialog:0 24px 64px #1018282e;--kw-electron:#2349c4;--kw-heat:#d9480f;--kw-cold:#0b7285;--kw-voltage:#2b9348;--kw-resistance:#e03131;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--radius-md:12px;--radius-lg:20px;--font-family:"Lexend", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-hand:"Caveat", "Segoe Print", "Bradley Hand", cursive;--touch-target:2.75rem;--icon-size:1.5rem;--transition-fast:.12s ease-out}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-bg:#0f1412;--color-surface:#19221e;--color-surface-muted:#202b26;--color-text:#edf1ec;--color-text-muted:#9eaaa3;--color-border:#2c3833;--color-primary:#9dbcff;--color-primary-hover:#c2d5ff;--color-primary-contrast:#0f1622;--color-primary-soft:#253247;--color-success:#8fdc97;--color-danger:#ff8f87;--color-highlight:#ff78c359;--color-backdrop:#0000008c;--shadow-card:0 1px 2px #0000004d, 0 8px 24px #00000040;--shadow-raised:0 1px 2px #0006;--shadow-dialog:0 24px 64px #00000080;--kw-electron:#9dbcff;--kw-heat:#ffa94d;--kw-cold:#66d9e8;--kw-voltage:#8fdc97;--kw-resistance:#ff8f87}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{gap:var(--space-3);padding:var(--space-3);background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);flex-direction:column;line-height:1.5;display:flex;overflow:hidden}h1,p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.stage{flex:1;place-items:center;min-height:0;display:grid;position:relative}.stage__video{border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:block}.started .stage__video{cursor:pointer}.overlay{padding:var(--space-4);background:var(--color-backdrop);border-radius:var(--radius-lg);place-items:center;display:grid;position:absolute;inset:0}.overlay[hidden]{display:none}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.dialog{width:min(46rem,100%);max-height:100%;box-shadow:var(--shadow-dialog);padding:clamp(1.25rem,4vw,2.5rem);overflow-y:auto}.title{font-family:var(--font-family-hand);margin-bottom:var(--space-3);font-size:clamp(2.25rem,5vw,3.5rem);font-weight:600;line-height:1.1}.marker{z-index:0;padding:0 var(--space-2);display:inline-block;position:relative}.marker:before{content:"";z-index:-1;inset:.3em calc(-1 * var(--space-1)) .05em;background:var(--color-highlight);border-radius:.3em .6em .4em .7em/.5em .3em .6em .4em;position:absolute;transform:rotate(-1.5deg)skew(-8deg)}.subtitle{color:var(--color-text-muted);margin-bottom:var(--space-5);font-size:1.15rem}.hint{color:var(--color-text-muted);margin-top:var(--space-4);font-size:.9rem}kbd{font:inherit;padding:0 var(--space-1);border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:6px;font-size:.85em}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);min-width:var(--touch-target);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);font-weight:600;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:var(--shadow-raised)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);color:var(--color-primary-contrast)}.btn--big{padding:var(--space-3) var(--space-5);font-size:1.15rem}.btn--icon{padding:var(--space-2)}.icon{width:var(--icon-size);height:var(--icon-size);fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none;overflow:visible}.bar{align-items:center;gap:var(--space-3);flex:none;display:flex}.text-card{min-width:0;padding:var(--space-3) clamp(1rem, 2vw, 1.75rem);flex:1;align-items:center;gap:clamp(.75rem,1.6vw,1.5rem);display:flex}.text-card--enter{animation:.35s ease-out enter}@keyframes enter{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}.step-no{min-width:2.5ch;color:var(--color-primary);font-family:var(--font-family-hand);text-align:center;flex:none;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:600;line-height:1;transform:rotate(-4deg)}.text-card__body{flex:1;min-width:0}.counter{color:var(--color-text-muted);font-size:.85rem}.text{min-height:4.2em;font-size:clamp(1.1rem,1.7vw,1.6rem);line-height:1.4}.sentence{transition:opacity .6s}.sentence--pending{opacity:0}.kw{font-weight:600}.kw--e{color:var(--kw-electron)}.kw--h{color:var(--kw-heat)}.kw--c{color:var(--kw-cold)}.kw--u{color:var(--kw-voltage)}.kw--r{color:var(--kw-resistance)}.tools{gap:var(--space-2);flex:none;display:flex}.progress{background:var(--color-border);border-radius:2px;flex:none;height:4px;overflow:hidden}.progress__fill{background:var(--color-primary);width:0;height:100%;transition:width .3s}.question{margin:var(--space-2) 0 var(--space-4);font-size:1.25rem;font-weight:600;line-height:1.4}.answers{gap:var(--space-2);display:grid}.answers--charts{grid-template-columns:repeat(3,1fr)}.answer{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:left;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);font-size:1.05rem}.answers--charts .answer{text-align:center;color:var(--color-primary)}.answer:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-soft)}.answer:disabled{opacity:.6;cursor:default}.answer.answer--right,.answer.answer--wrong{opacity:1;border-width:2px}.answer--right{border-color:var(--color-success)}.answer--wrong{border-color:var(--color-danger)}.answers--charts .icon{stroke-width:2.4px;width:100%;height:auto}.feedback{align-items:flex-start;gap:var(--space-2);min-height:1.5em;margin-top:var(--space-4);font-size:1.05rem;display:flex}.feedback--right{color:var(--color-success)}.feedback--wrong{color:var(--color-danger)}.feedback .icon{--icon-size:2rem}.row{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.score{font-family:var(--font-family-hand);color:var(--color-primary);font-size:2.5rem;font-weight:600}@media (width<=700px){.bar{flex-wrap:wrap}.text-card{flex-basis:100%;order:-1}.answers--charts{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none;animation:none}}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(./nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:700;src:url(./nunito-latin-700-normal-Dort48En.woff2)format("woff2"),url(./nunito-latin-700-normal-OcDqTBcA.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(./patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(./patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:600;src:url(./caveat-latin-600-normal-zlTlWIYU.woff2)format("woff2"),url(./caveat-latin-600-normal-DUjB8dgm.woff)format("woff")}@font-face{font-family:Lexend;font-style:normal;font-weight:400;font-display:swap;src:url(./lexend-latin-400-normal-CwRJVcUA.woff2)format("woff2")}@font-face{font-family:Lexend;font-style:normal;font-weight:600;font-display:swap;src:url(./lexend-latin-600-normal-DdvlkEkX.woff2)format("woff2")}
/*$vite$:1*/