:root{--green:#3fba12;--green-dark:#349a0f;--green-soft:#eef8e9;--ink:#16191d;--ink-soft:#6b7280;--line:#e6e9ec;--bg:#fff;--radius:14px;--gap:20px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#root{max-width:560px;padding:max(16px, env(safe-area-inset-top)) 20px max(20px, env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}h1,h2,p,ul,ol{margin:0}.button{border-radius:var(--radius);background:var(--green);color:#fff;width:100%;min-height:58px;font:inherit;cursor:pointer;border:0;padding:17px 24px;font-size:1.0625rem;font-weight:600;transition:background .15s,transform .1s,opacity .2s;display:block}.button:active:not(:disabled){background:var(--green-dark);transform:scale(.985)}.button:disabled{background:var(--green-soft);color:var(--green-dark);cursor:default}.button--big{min-height:64px;font-size:1.125rem}.button--ghost{pointer-events:none;background:0 0}.linkbutton{color:var(--ink-soft);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:6px 2px;font-size:.9375rem;text-decoration:underline}.linkbutton:active{color:var(--green-dark)}.stack{justify-items:center;gap:8px;display:grid}.stack .button{width:100%}.welcome{justify-content:center;gap:var(--gap);flex-direction:column;flex:1;padding-block:40px;display:flex}.welcome__title,.home__title{letter-spacing:-.03em;font-size:2.75rem;font-weight:700}.dotmark{color:var(--green)}.welcome__lead{color:var(--ink-soft);font-size:1.125rem;line-height:1.5}.welcome__list{gap:14px;padding:0;list-style:none;display:grid}.welcome__list li{border-left:3px solid var(--green-soft);color:var(--ink-soft);padding-left:18px;font-size:1rem;line-height:1.45}.welcome__list strong{color:var(--ink);font-weight:600;display:block}.home{flex-direction:column;flex:1;gap:28px;padding-block:24px;display:flex}.home__sub{color:var(--ink-soft);margin-top:4px;font-size:1rem}.steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.step:active{background:var(--green-soft)}.step__mark{background:var(--line);width:32px;height:32px;color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;font-size:.9375rem;font-weight:600;display:grid}.step--done{border-color:var(--green-soft)}.step--done .step__mark{background:var(--green);color:#fff}.step--now{border-color:var(--green);border-width:2px}.step--now .step__mark{background:var(--green-soft);color:var(--green-dark)}.step--later{opacity:.55}.step__body{gap:2px;display:grid}.step__title{font-size:1.0625rem;font-weight:600}.step__meta{color:var(--ink-soft);font-size:.8125rem}.home__foot{border-top:1px solid var(--line);gap:14px;margin-top:auto;padding-top:20px;display:grid}.precision{color:var(--ink-soft);align-items:center;gap:8px;font-size:.9375rem;display:flex}.precision__value{font-variant-numeric:tabular-nums;margin-left:auto}.pips{gap:4px;display:inline-flex}.pip{border:1.5px solid var(--green);border-radius:50%;width:9px;height:9px}.pip--on{background:var(--green)}.home__note{color:var(--ink-soft);font-size:.875rem}.lesson{flex-direction:column;flex:1;gap:12px;min-height:0;padding-block:10px;display:flex}.lesson__head{justify-content:space-between;align-items:center;min-height:32px;display:flex}.counter{align-items:center;gap:10px;display:flex}.counter__text{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.8125rem}.dots{gap:6px;display:flex}.dot{background:var(--line);border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.dot--done{background:var(--green)}.dot--now{background:var(--green);transform:scale(1.4)}.lesson__title{letter-spacing:-.02em;font-size:1.625rem;font-weight:700}.lesson__lead{color:var(--ink-soft);font-size:1rem;line-height:1.45}.lesson__stage{flex:1 1 0;min-height:200px;position:relative}.axis{width:100%;height:100%;display:block}.lesson__foot{gap:12px;margin-top:auto;display:grid}.hint{color:var(--ink-soft);text-align:center;font-size:.9375rem;line-height:1.4}.hint--live{color:var(--green-dark);font-weight:500}.warmup{flex-direction:column;flex:1;gap:14px;padding-block:10px;display:flex}.warmup__intro,.warmup__step{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.warmup__emoji{font-size:3.5rem;line-height:1}.warmup__say{max-width:22rem;font-size:1.1875rem;font-weight:500;line-height:1.45}.warmup__stage{flex:1;place-items:center;width:100%;min-height:120px;display:grid}.bloom{place-items:center;width:160px;height:160px;display:grid;position:relative}.bloom__ring,.bloom__core{border-radius:50%;position:absolute}.bloom__ring{background:var(--green);opacity:.18;will-change:transform, opacity;width:120px;height:120px}.bloom__core{background:var(--green);width:26px;height:26px}.bar{background:var(--line);border-radius:999px;width:100%;height:4px;overflow:hidden}.bar__fill{background:var(--green);transform-origin:0;border-radius:999px;width:100%;height:100%;transition:transform .12s linear;display:block}.micstate{min-height:22px;color:var(--ink-soft);justify-content:center;align-items:center;gap:8px;font-size:.875rem;display:flex}.micstate__dot{background:var(--line);border-radius:50%;width:8px;height:8px;transition:background .15s,box-shadow .15s}.micstate--on{color:var(--green-dark)}.micstate--on .micstate__dot{background:var(--green);box-shadow:0 0 0 4px #3fba122e}.micstate--problem{color:#a8442c}.reward{pointer-events:none;opacity:0;place-items:center;transition:opacity .25s;display:grid;position:absolute;inset:0}.reward--on{opacity:1}.reward__mark{border:2px solid var(--green);opacity:0;border-radius:50%;width:130px;height:130px;position:absolute}.reward--on .reward__mark{animation:.85s cubic-bezier(.2,.7,.3,1) ripple}.reward__text{background:var(--green);color:#fff;border-radius:999px;padding:9px 18px;font-size:1.0625rem;font-weight:600;transform:translateY(96px)}.reward--on .reward__text{animation:.4s cubic-bezier(.2,1.3,.4,1) pop}@keyframes ripple{0%{opacity:.7;transform:scale(.5)}to{opacity:0;transform:scale(1.7)}}@keyframes pop{0%{opacity:0;transform:translateY(96px)scale(.85)}to{opacity:1;transform:translateY(96px)scale(1)}}@media (prefers-reduced-motion:reduce){.reward--on .reward__mark,.reward--on .reward__text{animation:none}.reward__mark{opacity:0}}.loading{color:var(--ink-soft);flex:1;place-items:center;display:grid}.lesson--calibration .lesson__stage{min-height:240px}.lesson__tools{align-items:center;gap:14px;display:flex}.videobutton{background:var(--green-soft);color:var(--green-dark);font:inherit;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:.8125rem;font-weight:600;display:flex}.videobutton:active{background:var(--green);color:#fff}.videobutton__mark{border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid;width:0;height:0}.videoframe{aspect-ratio:16/9;border-radius:var(--radius);background:var(--green-soft);border:0;width:100%;display:block}.videoframe--idle{font:inherit;color:var(--green-dark);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.videoframe--idle:active{background:#e4f3dc}.videoframe__play{background:var(--green);border-radius:50%;width:64px;height:64px;position:relative}.videoframe__play:after{content:"";border-top:11px solid #0000;border-bottom:11px solid #0000;border-left:18px solid #fff;position:absolute;top:50%;left:50%;transform:translate(-40%,-50%)}.videoframe__label{font-size:.9375rem;font-weight:600}.lesson__stage--video{align-items:center;min-height:0;display:grid}.videooverlay{z-index:10;padding:20px;padding-bottom:max(20px, env(safe-area-inset-bottom));background:#fffffff7;place-items:center;display:grid;position:fixed;inset:0}.videooverlay__panel{gap:16px;width:100%;max-width:520px;display:grid}.stagecard{z-index:2;border-radius:var(--radius);text-align:center;justify-items:center;gap:6px;width:min(100%,22rem);padding:14px 18px;display:grid;position:absolute;left:50%}.stagecard__label{color:var(--green-dark);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:600}.stagecard__title{font-size:1.125rem;font-weight:700;line-height:1.25}.stagecard__note{color:var(--ink-soft);font-size:.9375rem;line-height:1.4}.stagecard--announce{border:1px solid var(--line);pointer-events:none;background:#fffffff0;animation:2.4s forwards cardin;top:0;transform:translate(-50%)}.stagecard--offer{border:2px solid var(--green);background:#fff;gap:10px;padding:20px 18px;animation:.32s cubic-bezier(.2,1.2,.4,1) offerin;top:50%;transform:translate(-50%,-50%)}.stagecard--offer .button{margin-top:4px}.stagecard__ring{border:2px solid var(--green);border-radius:var(--radius);pointer-events:none;animation:1.8s ease-out infinite offerring;position:absolute;inset:-2px}@keyframes cardin{0%{opacity:0;transform:translate(-50%)translateY(-10px)}8%,85%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-6px)}}@keyframes offerin{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes offerring{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(1.12)}}.hint--live{animation:.4s hintin}@keyframes hintin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lesson__title,.lesson__lead{animation:.35s hintin}@media (prefers-reduced-motion:reduce){.stagecard--announce,.stagecard--offer,.stagecard__ring,.hint--live,.lesson__title,.lesson__lead{animation:none}.stagecard__ring{opacity:.4}}.done{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding-block:32px;display:flex}.done__seal{place-items:center;width:132px;height:132px;display:grid;position:relative}.done__check{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:92px;height:92px;font-size:2.75rem;line-height:1;animation:.5s cubic-bezier(.2,1.3,.4,1) sealpop;display:grid}.done__ripple{border:2px solid var(--green);opacity:0;border-radius:50%;width:92px;height:92px;animation:1.6s cubic-bezier(.2,.7,.3,1) .15s 2 ripple;position:absolute}.done__ripple--late{animation-delay:.55s}.done__words{gap:6px;display:grid}.done__title{letter-spacing:-.03em;font-size:2.5rem;font-weight:700}.done__lesson{font-size:1.125rem;font-weight:600}.done__score{color:var(--ink-soft);font-size:1rem}.done__score strong{color:var(--green-dark);font-variant-numeric:tabular-nums}.done__actions{justify-items:center;gap:10px;width:100%;margin-top:auto;display:grid}.button--quiet{background:var(--green-soft);color:var(--green-dark)}.button--quiet:active:not(:disabled){background:#e4f3dc}@keyframes sealpop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.done__check,.done__ripple{animation:none}.done__ripple{opacity:0}}.testerbar{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));z-index:40;align-items:center;gap:8px;display:flex;position:fixed}.testerbar__button,.testerbar__rec{border:1px solid var(--line);min-height:34px;color:var(--ink-soft);font:inherit;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#ffffffeb;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:.8125rem;display:inline-flex}.testerbar__rec{color:var(--green-dark);border-color:var(--green);font-variant-numeric:tabular-nums}.testerbar__dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite recpulse}@keyframes recpulse{50%{opacity:.25}}.sheet{z-index:50;background:#16191d73;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.sheet__panel{width:100%;max-width:560px;max-height:92vh;padding:24px 20px max(24px, env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;background:var(--bg);-webkit-user-select:text;user-select:text;flex-direction:column;gap:12px;display:flex;overflow-y:auto}.sheet__panel--tall{min-height:70vh}.sheet__title{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.sheet__lead{color:var(--ink-soft);font-size:.9375rem;line-height:1.5}.sheet__meta{color:var(--ink-soft);font-size:.75rem}.sheet__actions{justify-items:center;gap:8px;margin-top:8px;display:grid}.sheet__actions .button{width:100%}.field{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:100%;color:var(--ink);font:inherit;resize:vertical;padding:12px 14px;font-size:1rem;line-height:1.45}.field:focus-visible{outline:2px solid var(--green);outline-offset:1px}.field--tall{min-height:120px}.survey{counter-reset:survey;gap:22px;margin:4px 0;padding:0;list-style:none;display:grid}.survey__item{gap:8px;display:grid}.survey__prompt{font-size:1rem;font-weight:600;line-height:1.35}.survey__optional{color:var(--ink-soft);font-size:.8125rem;font-weight:400}.survey__note{color:var(--ink-soft);font-size:.8125rem;line-height:1.4}.survey__choices{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:9px 14px;font-size:.875rem}.chip--on{border-color:var(--green);background:var(--green-soft);color:var(--green-dark);font-weight:600}.scale{flex-wrap:wrap;gap:6px;display:flex}.scale__dot{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);min-width:38px;min-height:44px;color:var(--ink-soft);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;flex:1 1 0}.scale__dot--on{border-color:var(--green);background:var(--green);color:#fff;font-weight:700}.scale__ends{color:var(--ink-soft);justify-content:space-between;font-size:.75rem;display:flex}.rec{border:1px solid var(--line);border-radius:var(--radius);gap:8px;padding:12px 14px;display:grid}.rec--live{border-color:var(--green);background:var(--green-soft)}.rec__title{font-size:.9375rem;font-weight:600}.rec__note{color:var(--ink-soft);align-items:center;gap:8px;font-size:.8125rem;line-height:1.45;display:flex}.rec--live .rec__note{color:var(--green-dark);font-variant-numeric:tabular-nums}.rec__dot{background:var(--green);border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite recpulse}.rec__list{color:var(--ink-soft);gap:6px;margin:0;padding-left:18px;font-size:.8125rem;line-height:1.45;display:grid}.rec__row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.log{border-top:1px solid var(--line);padding-top:10px}.log__summary{color:var(--ink-soft);cursor:pointer;font-size:.8125rem}.log__text{max-height:220px;color:var(--ink-soft);white-space:pre-wrap;word-break:break-word;background:#f6f7f8;border-radius:10px;margin:10px 0 0;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6875rem;line-height:1.5;overflow:auto}.log__actions{gap:16px;margin-top:8px;display:flex}.lesson__stage--picker{justify-content:center;align-items:center;display:flex}.stack--wide{width:100%}.voices{gap:10px;width:100%;margin:0;padding:0;list-style:none;display:grid}.voices__row{align-items:stretch;gap:8px;display:flex}.voices__try{border:1px solid var(--line);border-radius:var(--radius);min-height:60px;font:inherit;text-align:left;cursor:pointer;background:#fff;flex:1;align-items:center;gap:12px;padding:14px 18px;font-size:1.0625rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.voices__try:active{background:var(--green-soft);border-color:var(--green)}.voices__mark{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:13px solid var(--green);flex:none;width:0;height:0;transition:opacity .15s}.voices__mark--on{animation:.9s ease-in-out infinite voicebeat}.voices__take{border-radius:var(--radius);background:var(--green-soft);color:var(--green-dark);font:inherit;cursor:pointer;border:0;flex:none;padding:0 18px;font-size:.9375rem;font-weight:600}.voices__take:active{background:var(--green);color:#fff}@keyframes voicebeat{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){.voices__mark--on,.testerbar__dot,.rec__dot{animation:none}}.page{flex-direction:column;gap:16px;padding:24px 0;display:flex}.page__title{letter-spacing:-.03em;font-size:1.875rem;font-weight:700}.page__lead{color:var(--ink-soft);line-height:1.55}.page__error{color:#8a5a00;font-size:.9375rem}.page__foot{color:var(--ink-soft);margin-top:auto;padding-top:20px;font-size:.8125rem}.page .field,.page .button{width:100%}.bar{background:var(--green-soft);border-radius:999px;height:10px;overflow:hidden}.bar__fill{background:var(--green);border-radius:999px;height:100%;transition:width .6s;display:block}.bar__label{color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.8125rem}.milestones{gap:12px;margin:8px 0;padding:0;list-style:none;display:grid}.milestone{grid-template-columns:24px 1fr;align-items:start;gap:10px;font-size:.9375rem;display:grid}.milestone__mark{border:1px solid var(--line);width:22px;height:22px;color:var(--green-dark);border-radius:50%;place-items:center;font-size:.75rem;display:grid}.milestone--hotovo .milestone__mark{border-color:var(--green);background:var(--green);color:#fff}.milestone--delame .milestone__mark{border-color:var(--green);color:var(--green)}.milestone--ceka{color:var(--ink-soft)}.milestone__note{color:var(--ink-soft);font-size:.8125rem;line-height:1.45;display:block}.admin{width:100%;padding:20px 0}@media (min-width:900px){#root:has(.admin){max-width:1180px}}.admin__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.admin__title{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.admin__tools{gap:16px;display:flex}.admin__error{border-radius:var(--radius);color:#8a5a00;background:#fdf6e3;padding:10px 14px;font-size:.875rem}.admin__zprava{border-radius:var(--radius);background:var(--green-soft);color:var(--green-dark);padding:10px 14px;font-size:.875rem}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:22px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);gap:2px;padding:14px 16px;display:grid}.stat__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700}.stat__label{color:var(--ink-soft);font-size:.75rem}.tablewrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px 12px}.table th{color:var(--ink-soft);white-space:nowrap;font-size:.75rem;font-weight:600}.table tr:last-child td{border-bottom:0}.table__sub{color:var(--ink-soft);font-size:.75rem;display:block}.nowrap{white-space:nowrap}.stav{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.75rem;display:inline-block}.stav--zaplacena{background:var(--green-soft);color:var(--green-dark)}.stav--ceka_na_platbu{color:#8a5a00;background:#fdf6e3}.stav--stornovana,.stav--vracena{color:var(--ink-soft);background:#f1f3f5}.akce{flex-wrap:wrap;gap:10px;display:flex}.akce .linkbutton{font-size:.8125rem}.detail__nadpis{margin-top:10px;font-size:.9375rem;font-weight:600}.detail__lekce{color:var(--ink-soft);gap:6px;margin:0;padding-left:18px;font-size:.8125rem;line-height:1.5;display:grid}a.button{text-align:center;text-decoration:none}.choices{gap:10px;margin-top:14px;display:flex}.choices--vertical{flex-direction:column}.choice{border:2px solid var(--line);border-radius:var(--radius);min-height:54px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;flex:1;padding:15px 20px;font-size:1rem;font-weight:600;transition:border-color .15s,background .15s,transform .1s}.choice:active{border-color:var(--green);background:var(--green-soft);transform:scale(.985)}@media (hover:hover){.choice:hover{border-color:var(--green)}}.hint--zjev{animation:.4s hintin}.prah{border:1px solid var(--line);border-radius:var(--radius);gap:8px;margin-bottom:18px;padding:14px 16px;display:grid}.prah__hlava{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;font-size:.8125rem;display:flex}.prah__cislo{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.prah__bar{background:#f1f3f5;border-radius:999px;height:6px;overflow:hidden}.prah__fill{background:var(--green);border-radius:999px;height:100%;transition:width .4s;display:block}.prah__hlaska{font-size:.8125rem;line-height:1.45}.prah--blizime-se,.prah--tesne,.prah--prekroceno{background:#fdf6e3;border-color:#e8c26a}.prah--blizime-se .prah__fill,.prah--tesne .prah__fill{background:#d99a1c}.prah--blizime-se .prah__hlaska,.prah--tesne .prah__hlaska{color:#8a5a00}.prah--prekroceno{background:#fdf0ee;border-color:#d05a4a}.prah--prekroceno .prah__fill{background:#d05a4a}.prah--prekroceno .prah__hlaska{color:#a03325;font-weight:600}