:root{--bg:#fff8ee;--card:#fff;--ink:#1f2a44;--muted:#5a6478;--line:#eadfcb;--red:#cf3a24;--red-d:#a52a17;--green:#0e7c66;--green-d:#095846;--green-bg:#ddf5ea;--blue:#2e6be6;--blue-d:#1d4fb5;--yellow:#f2b233;--bad-bg:#ffe4e0;--radius:20px;--tap:52px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--ink);margin:0;overflow-x:hidden}body{min-height:100dvh;font:17px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:10px}.skip{position:absolute;left:-999px}.skip:focus{z-index:99;background:#fff;padding:8px 12px;top:8px;left:8px}h1{text-align:center;margin:8px 0;font-size:1.6rem;line-height:1.25}h2{margin:0;font-size:1.2rem}.screen{max-width:560px;padding:16px 16px calc(120px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;min-height:100dvh;margin:0 auto;display:flex}.center-screen{text-align:center;justify-content:center;align-items:center}.row{align-items:center;gap:10px;display:flex}.row.center{justify-content:center}.row.gap{gap:12px}.row.gap>.btn{flex:1}.lead{text-align:center;color:var(--muted);margin:0;font-size:1.1rem}.hint{color:var(--muted);text-align:center;margin:4px 0;font-size:.95rem}.error{background:var(--bad-bg);color:var(--red-d);border-radius:12px;padding:10px 14px;font-weight:600}.card{background:var(--card);border-radius:var(--radius);box-shadow:0 3px 0 var(--line);padding:18px}.big-card{text-align:center;border:0;flex-direction:column;align-items:center;gap:8px;width:100%;padding:26px 18px;display:flex}.ru-text{letter-spacing:.01em;overflow-wrap:anywhere;text-align:center;margin:0;font-size:2.3rem;font-weight:800;line-height:1.2}.ru-text .miss{color:var(--red);text-underline-offset:6px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.tr-text{text-align:center;margin:0;font-size:1.3rem;font-weight:700}.tr-text.small{color:var(--muted);font-size:1.1rem;font-weight:600}.reading{color:var(--green);font-size:1.15rem;font-weight:600}.reading.big{font-size:1.45rem}.reading .stress{color:var(--red);font-weight:900}.btn{min-height:var(--tap);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:1.1rem;font-weight:800;text-decoration:none;transition:transform 60ms;display:inline-flex}.btn.wide{width:100%}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:none!important}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-d)}.btn-ok{background:var(--green);color:#fff;box-shadow:0 4px 0 var(--green-d)}.btn-bad{background:var(--red);color:#fff;box-shadow:0 4px 0 var(--red-d)}.btn-audio{background:var(--blue);color:#fff;box-shadow:0 4px 0 var(--blue-d)}.btn-soft{color:var(--ink);box-shadow:0 4px 0 var(--line);border:2px solid var(--line);background:#fff}.btn-ghost{color:var(--muted);background:0 0;min-height:44px;text-decoration:underline}.round{cursor:pointer;border:0;border-radius:50%;place-items:center;width:64px;height:64px;font-size:1.7rem;display:inline-grid}.round.xl{width:88px;height:88px;font-size:2.3rem}.round.audio{background:var(--blue);box-shadow:0 4px 0 var(--blue-d)}.round.audio.slow{background:#e6edfd;box-shadow:0 4px #c5d3f5}.round:active{box-shadow:none;transform:translateY(3px)}.icon-btn{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.4rem}.footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 25%);z-index:5;max-width:560px;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.footer.stack{flex-direction:column;gap:10px;display:flex}.inline-actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.mascot{flex:none}.mascot-cheer,.mascot-happy{animation:2.4s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(-4px)}}.bubble{border:2px solid var(--line);background:#fff;border-radius:18px;flex:1;padding:12px 14px;font-weight:600;position:relative}.bubble:before{content:"";border-left:2px solid var(--line);border-bottom:2px solid var(--line);background:#fff;width:14px;height:14px;position:absolute;top:22px;left:-9px;transform:rotate(45deg)}.welcome{text-align:center;justify-content:center;align-items:center}.demo{flex-direction:column;align-items:center;gap:2px;min-width:240px;display:flex}.big-options{flex-direction:column;gap:12px;margin-top:8px;display:flex}.big-option{border-radius:var(--radius);border:2px solid var(--line);min-height:72px;box-shadow:0 4px 0 var(--line);text-align:left;cursor:pointer;background:#fff;align-items:center;gap:14px;padding:14px 18px;font-size:1.15rem;font-weight:700;display:flex}.big-option .ic{font-size:2rem}.big-option small{color:var(--muted);margin-left:auto;font-weight:600}.big-option.on,.big-option:active{border-color:var(--blue);background:#eef3ff}.hud{z-index:4;background:var(--bg);justify-content:space-between;align-items:center;gap:6px;padding:8px 0;display:flex;position:sticky;top:0}.hud-item{box-shadow:0 2px 0 var(--line);white-space:nowrap;background:#fff;border-radius:999px;padding:7px 10px;font-size:.95rem;font-weight:800}.hud-item.lit{color:var(--red)}.review-banner,.clinic-banner,.save-progress{border-radius:16px;align-items:center;gap:8px;padding:14px 16px;font-weight:600;text-decoration:none;display:flex}.review-banner{border:2px solid var(--yellow);background:#fff3cf}.clinic-banner{background:#e6edfd;border:2px solid #c5d3f5}.save-progress{background:var(--green-bg);border:2px solid #a8e2c8;justify-content:center}.review-banner span,.clinic-banner span{margin-left:auto}.unit{margin-top:6px}.unit-head{background:var(--red);color:#fff;border-radius:var(--radius);box-shadow:0 4px 0 var(--red-d);align-items:center;gap:12px;padding:14px 16px;display:flex}.unit-head p{opacity:.95;margin:0;font-size:.92rem}.unit-ic{font-size:2rem}.level{background:#ffffff38;border-radius:999px;margin-left:auto;padding:2px 10px;font-size:.85rem;font-weight:800}.path{flex-direction:column;align-items:center;gap:18px;padding:22px 0 8px;display:flex}.node-wrap{flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.node-wrap.n1{transform:translate(-56px)}.node-wrap.n3{transform:translate(56px)}.node{background:var(--blue);color:#fff;width:76px;height:76px;box-shadow:0 6px 0 var(--blue-d);border-radius:50%;place-items:center;font-size:1.8rem;text-decoration:none;display:grid}.node.done{background:var(--yellow);box-shadow:0 6px #c48a17}.node.next{background:var(--red);box-shadow:0 6px 0 var(--red-d);animation:1.8s infinite pulse}.node.locked{color:#6b6458;cursor:not-allowed;background:#d9d2c4;box-shadow:0 6px #b9b1a2}@keyframes pulse{0%,to{outline:0 solid #cf3a2459}50%{outline:10px solid #cf3a2400}}.node-label{color:var(--muted);text-align:center;max-width:150px;font-size:.9rem;font-weight:700}.node-mascot{position:absolute;top:-6px;right:-78px}.nav{border-top:2px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:10;background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.nav a{max-width:120px;color:var(--muted);border-radius:12px;flex-direction:column;flex:1;align-items:center;min-height:52px;padding:4px;font-size:.8rem;font-weight:700;text-decoration:none;display:flex}.nav a.on{color:var(--red);background:#fff1ec}.nav-ic{font-size:1.5rem;position:relative}.dot{background:var(--red);color:#fff;border-radius:999px;padding:1px 6px;font-size:.7rem;font-style:normal;font-weight:800;position:absolute;top:-4px;right:-14px}.topbar{align-items:center;gap:8px;display:flex}.progress{background:var(--line);border-radius:999px;flex:1;height:16px;overflow:hidden}.progress>div{background:var(--green);border-radius:999px;height:100%;transition:width .35s}.lesson-body{flex-direction:column;gap:16px;animation:.25s ease-out slide;display:flex}@keyframes slide{0%{opacity:0;transform:translate(20px)}}.intro,.exercise{flex-direction:column;gap:14px;display:flex}.new-badge{color:var(--red);background:#fff1ec;border-radius:999px;padding:4px 12px;font-weight:800}.q{text-align:center;margin:4px 0;font-size:1.3rem}.tag{border-radius:14px;padding:12px 14px;font-weight:500}.tag.warn{background:var(--bad-bg);border-left:6px solid var(--red)}.tag.good{background:var(--green-bg);border-left:6px solid var(--green)}.tag.info{border-left:6px solid var(--blue);background:#eef3ff}.options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.option{border:2px solid var(--line);min-height:76px;box-shadow:0 4px 0 var(--line);cursor:pointer;background:#fff;border-radius:16px;padding:12px;font-size:1.1rem;font-weight:700}.option.right{border-color:var(--green);background:var(--green-bg)}.option.wrong{border-color:var(--red);background:var(--bad-bg)}.answer-line{border-bottom:3px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:64px;padding:6px;display:flex}.placeholder{color:var(--muted)}.tiles{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tile{border:2px solid var(--line);width:52px;height:56px;box-shadow:0 3px 0 var(--line);cursor:pointer;background:#fff;border-radius:12px;font-size:1.6rem;font-weight:800}.tile.used{visibility:hidden}.tile.in{background:#eef3ff;border-color:#c5d3f5}.sheet{padding:16px 16px calc(16px + env(safe-area-inset-bottom));z-index:20;border-radius:22px 22px 0 0;max-width:560px;margin:0 auto;animation:.2s ease-out up;position:fixed;bottom:0;left:0;right:0}@keyframes up{0%{transform:translateY(100%)}}.sheet.ok{background:var(--green-bg);color:var(--green-d)}.sheet.bad{background:var(--bad-bg);color:var(--red-d)}.sheet-title{margin:0 0 6px;font-size:1.3rem;font-weight:900}.sheet-answer{color:var(--ink);margin:0 0 12px;font-size:1.1rem}.speak{flex-direction:column;align-items:center;gap:12px;display:flex}.speak.compact .ru-text{font-size:1.8rem}.mic{background:var(--red);width:96px;height:96px;box-shadow:0 6px 0 var(--red-d);cursor:pointer;border:0;border-radius:50%;font-size:2.6rem}.speak.compact .mic{width:76px;height:76px;font-size:2rem}.mic.on{background:#e8432e;animation:1s infinite rec}@keyframes rec{50%{box-shadow:0 0 0 16px #e8432e33, 0 6px 0 var(--red-d)}}.score-box{box-shadow:0 3px 0 var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;width:100%;padding:12px 16px;display:flex}.score-box p{margin:0}.score-msg{font-size:1.15rem;font-weight:800}.heard{color:var(--muted);font-size:.95rem}.tip-link{color:var(--blue-d);margin-top:6px;font-weight:700;display:inline-block}.ring{flex:none;place-items:center;display:inline-grid;position:relative}.ring svg{position:absolute;top:0;bottom:0;left:0;right:0}.ring-inner{font-size:1.3rem;font-weight:800;position:relative}.done{text-align:center;justify-content:center;align-items:center}.stars{letter-spacing:6px;margin:0;font-size:2.4rem}.stat-row{justify-content:center;gap:10px;width:100%;display:flex}.stat{box-shadow:0 3px 0 var(--line);background:#fff;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 8px;display:flex}.stat b{font-size:1.4rem}.stat span{color:var(--muted);font-size:.85rem;font-weight:600}.badge-pop{border:2px solid var(--yellow);background:#fff3cf;border-radius:16px;padding:12px 16px;font-weight:600;animation:.5s pop}.badge-pop span{font-size:1.6rem}@keyframes pop{0%{opacity:0;transform:scale(.6)}70%{transform:scale(1.06)}}.flash{cursor:pointer;justify-content:center;min-height:230px}.clinic-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.clinic-card{border-radius:var(--radius);box-shadow:0 4px 0 var(--line);text-align:center;background:#fff;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;font-weight:700;text-decoration:none;display:flex}.clinic-sound{color:var(--red);font-size:3rem;font-weight:900;line-height:1}.clinic-sound.inline{font-size:1.8rem}.pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pair-card{border:2px solid var(--line);box-shadow:0 3px 0 var(--line);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;display:flex}.pair-card .ru-text{font-size:1.6rem}.profile-head{align-items:center;gap:14px;display:flex}.profile-head h1{text-align:left;margin:0}.profile-head p{margin:2px 0 6px;font-weight:700}.level-bar{background:var(--line);border-radius:999px;width:200px;max-width:100%;height:12px;overflow:hidden}.level-bar>div{background:var(--yellow);height:100%}.save-card{text-align:center;border:2px solid #a8e2c8;flex-direction:column;align-items:center;gap:8px;display:flex}.save-card p{margin:0}.gbtn{min-height:44px}.badges{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.badge{text-align:center;box-shadow:0 3px 0 var(--line);filter:grayscale();opacity:.5;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:12px 6px;display:flex}.badge.on{filter:none;opacity:1}.badge span{font-size:1.9rem}.badge small{font-size:.78rem;font-weight:700}.chip{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;flex:1;min-height:48px;font-weight:700}.chip.on{border-color:var(--blue);background:#eef3ff}@media (min-width:600px){.ru-text{font-size:2.8rem}}@media (prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important}}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.course-pick select{font:inherit;color:inherit;background:0 0;border:0;max-width:110px;font-weight:800}button.demo{cursor:pointer;border:0}
/*$vite$:1*/