@font-face{font-family:Onest;src:url(/fonts/onest-cyrillic.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Onest;src:url(/fonts/onest-latin.woff2) format("woff2");font-weight:400 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Unbounded;src:url(/fonts/unbounded-cyrillic.woff2) format("woff2");font-weight:500 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Unbounded;src:url(/fonts/unbounded-latin.woff2) format("woff2");font-weight:500 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;src:url(/fonts/caveat-cyrillic.woff2) format("woff2");font-weight:500 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Caveat;src:url(/fonts/caveat-latin.woff2) format("woff2");font-weight:500 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#FBF6EE;--ink:#1F1B17;--accent:#C2492E;--accent-dark:#923722;--accent-soft:#F6E9E6;--sand:#F6E7DB;--sand-deep:#E9E0D2;--card:#FFFFFF;--text-2:#4A423B;--text-3:#6E655D;--rose:#D89180;--badge:#E9B7AC;--slate:#5E6B78;--ok:#2F6B3F;--ok-soft:#E4EFDF;--almost:#94560F;--almost-soft:#FBEBD3;--border:#E9E0D2;--r-card:28px;--r-tile:16px;--r-pill:999px;--shadow-card:0 24px 48px rgba(31,27,23,.18);--ease:cubic-bezier(.2,.75,.2,1)}[data-theme=dark]{--paper:#1F1B17;--card:#2A2520;--border:#3A332C;--ink:#FBF6EE;--text-2:#D5CBBF;--text-3:#BDB1A5;--sand:#2A2520;--sand-deep:#342E28;--accent-soft:#342E28;--accent-dark:#D89180;--ok:#8CC49A;--ok-soft:rgba(140,196,154,.14);--almost:#E7A85A;--almost-soft:rgba(231,168,90,.14)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--paper);color:var(--ink)}body{font:400 17px/1.5 Onest,system-ui,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.56}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(194,73,46,.35);outline-offset:3px}h1,h2,p{margin-top:0}h1,h2{font-family:Unbounded,system-ui,sans-serif;line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(24px,6vw,30px)}h2{font-size:20px}.app-shell{min-height:100dvh;background:var(--paper)}.app-frame{width:min(100%,470px);min-height:100dvh;margin:auto;padding:0 20px 24px}.brand{height:72px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;color:var(--text-2)}.logo{width:42px;height:42px;border-radius:14px 14px 14px 4px;display:grid;place-items:center;transform:rotate(-4deg);background:var(--accent);flex:none}.logo svg{width:24px;height:24px;fill:#fff;transform:rotate(4deg)}.brand .icon{margin-left:auto}.icon{border:0;background:transparent;color:var(--ink);min-width:44px;min-height:44px;font-size:27px}.hand{font:700 26px/1 Caveat,cursive;color:var(--accent-dark);display:inline-block;transform:rotate(-2deg)}.marker{position:relative;z-index:0;white-space:nowrap}.marker:after{content:"";position:absolute;z-index:-1;left:-2%;right:-2%;bottom:-.07em;height:.45em;background:url(/marker.svg) center/100% 100% no-repeat}.button{min-height:56px;padding:14px 24px;border-radius:999px;font-size:18px;font-weight:700;border:0;transition:transform .16s var(--ease),background .16s var(--ease)}.button:active{transform:scale(.98)}.primary{background:var(--accent);color:#fff;box-shadow:0 8px 16px #c2492e2b}.primary:hover{background:var(--accent-dark)}.secondary{background:var(--card);color:var(--ink);border:1px solid var(--border)}.button:disabled{box-shadow:none;background:var(--sand-deep);color:var(--text-3)}.center{min-height:60dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.greeting{padding:22px 0 18px}.greeting h1{margin:12px 0}.greeting p{color:var(--text-2);margin:0}.today{background:var(--ink);color:var(--paper);padding:26px;border-radius:var(--r-card);margin:16px 0 32px;box-shadow:var(--shadow-card)}.today small{font-size:12px;letter-spacing:.1em;color:var(--rose);font-weight:700}.today h2{margin:16px 0 8px;font-size:24px}.today p{color:var(--rose);margin-bottom:24px}.today .button{width:100%}.today .hand{color:var(--rose)}.shelves h2{margin-bottom:16px}.shelf{display:grid;grid-template-columns:48px 1fr 16px;align-items:center;gap:14px;width:100%;min-height:100px;padding:16px;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:20px;color:var(--ink);margin:10px 0}.shelf-number{font:600 22px Unbounded;color:var(--accent)}.shelf strong{display:block;font-size:15px;line-height:1.3}.books{display:flex;align-items:end;height:29px;gap:5px;border-bottom:3px solid var(--sand-deep);margin-top:11px}.books i{display:block;width:12px;height:22px;border-radius:3px 3px 0 0;background:var(--sand-deep)}.books i:nth-child(2){height:26px}.books i.filled{background:var(--accent)}.nav-links{margin:28px 0}.nav-links button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:58px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--ink);font-weight:600;text-align:left}.nav-links span{color:var(--accent)}footer{text-align:center;color:var(--text-3);font-size:12px;padding:30px 0 8px}.catchup{padding:18px;border-radius:18px;background:var(--sand);margin-bottom:24px}.subscreen{padding-top:12px}.back{background:none;border:0;color:var(--accent);min-height:48px;padding:0}.subscreen>.hand{margin:22px 0 12px}.multiline{white-space:pre-line;margin-top:24px;color:var(--text-2)}.lesson-hero{background:#1f1b17;color:#fbf6ee;border-radius:28px;padding:24px;min-height:205px;margin:12px 0 24px}.lesson-hero h1{font-size:23px}.big-number{display:block;font:600 48px Unbounded;color:#d89180;line-height:1}.chip{display:inline-block;background:#fbf6ee1a;padding:5px 12px;border-radius:999px;font-size:13px}.lesson-day{display:flex;gap:14px;align-items:center;min-height:82px;padding:14px 0;border-bottom:1px solid var(--border)}.day-number{display:grid;place-items:center;width:42px;height:42px;background:var(--accent-soft);color:var(--accent-dark);border-radius:14px;flex:none;font-weight:700}.lesson-day div{flex:1;min-width:0}.lesson-day strong{display:block;font-size:15px;line-height:1.3}.lesson-day small{display:block;font-size:13px;color:var(--text-3);margin-top:4px}.lesson-day button{border:0;background:none;color:var(--accent);font-size:14px}.setting-row{display:flex;justify-content:space-between;padding:20px;background:var(--card);border-radius:18px}.setting-row input{width:24px;accent-color:var(--accent)}.time-options{display:flex;gap:8px;flex-wrap:wrap}.time-options button,.selfchecks button{border:1px solid var(--border);background:var(--card);padding:9px 14px;border-radius:999px;color:var(--ink)}.time-options button.active,.selfchecks button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.access{padding:36px 0}.access .logo{margin-bottom:35px}.access h1{margin:14px 0}.access p{color:var(--text-2)}.access label{font-size:14px;display:block;margin:20px 0 8px}.access input,.text-wrap input,.text-wrap textarea{width:100%;padding:14px 16px;border-radius:16px;border:1.5px solid var(--sand-deep);background:var(--card);color:var(--ink);min-height:58px;outline:none}.access input:focus,.text-wrap input:focus,.text-wrap textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #c2492e2e}.access .button{width:100%;margin:14px 0}.text-link{display:block;background:none;border:0;padding:10px 0;color:var(--accent);text-decoration:underline;font-size:14px;text-align:left}.toast{position:fixed;z-index:10;top:16px;left:50%;transform:translate(-50%);width:min(calc(100% - 40px),430px);padding:12px 18px;border-radius:20px;background:#1f1b17;color:#fff;font-size:14px;box-shadow:var(--shadow-card)}.player{min-height:100dvh;position:relative}.topbar{height:75px;display:flex;align-items:center;gap:14px}.topbar .icon{margin-left:-10px}.progress{flex:1}.track{height:6px;border-radius:99px;background:var(--sand-deep);overflow:hidden}.track span{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .24s var(--ease)}.progress small{display:block;text-align:right;font-size:13px;color:var(--text-3);margin-top:6px}.intro,.outro{min-height:calc(100dvh - 115px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:35px 0}.intro h1,.outro h1{margin:12px 0 24px}.intro p,.outro p{color:var(--text-2);white-space:pre-line}.intro .button,.outro>.button{width:100%;margin-top:30px}.task-area{padding:16px 0 100px}.kicker{color:var(--text-3);font-size:13px;margin-bottom:12px}.prompt{font:600 23px/1.35 Onest,system-ui,sans-serif;letter-spacing:0;color:var(--text-2);margin-bottom:30px}.answer-line{min-height:112px;border-bottom:2px solid var(--sand-deep);display:flex;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:8px;padding:8px 0 16px;margin-bottom:20px}.answer-line .hand{color:var(--text-3);font-size:21px;margin-top:12px}.tile-bank{background:var(--sand-deep);padding:18px 12px;border-radius:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tile{min-width:48px;min-height:50px;padding:10px 15px;border-radius:16px;background:var(--card);color:var(--ink);border:1px solid var(--border);font-size:19px;font-weight:700;box-shadow:0 1px 1px #0000000f;transition:transform .16s var(--ease)}.tile:active{transform:scale(.96)}.tile.used{visibility:hidden}.options{display:flex;flex-direction:column;gap:12px}.options button{min-height:60px;padding:14px 18px;background:var(--card);color:var(--ink);border:1px solid var(--border);border-radius:16px;text-align:left;font-size:19px;font-weight:700}.options button.selected{border-color:var(--accent)}.options button.correct{background:var(--ok-soft);color:var(--ok);border-color:var(--ok)}.options button.almost{background:var(--almost-soft);color:var(--almost);border-color:var(--almost)}.text-wrap textarea{min-height:110px;resize:vertical}.text-wrap small{display:block;color:var(--text-3);margin-top:8px}.task-footer{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100%,470px);padding:10px 20px max(12px,env(safe-area-inset-bottom));background:var(--paper)}.task-footer .button{width:100%}.feedback{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(100%,470px);z-index:5;border-radius:28px 28px 0 0;padding:24px 20px max(20px,env(safe-area-inset-bottom));box-shadow:var(--shadow-card);animation:slide .24s var(--ease)}.feedback.success{background:var(--ok-soft)}.feedback.near{background:var(--almost-soft)}.feedback.success .hand{color:var(--ok)}.feedback.near .hand{color:var(--almost)}.feedback p{margin:12px 0 20px}.feedback .button{width:100%}.reveal{display:flex;flex-direction:column;gap:7px;padding:12px 0}.reveal strong{font-size:22px}.reveal small{font-size:14px}.dialogue-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.avatar{display:grid;place-items:center;border-radius:50%;width:48px;height:48px;background:var(--slate);color:#fff;font:600 22px Unbounded}.dialogue-head strong,.dialogue-head small{display:block}.dialogue-head small{color:var(--text-3);font:700 18px Caveat}.setup{background:var(--sand);padding:16px;border-radius:18px;font-size:14px}.bubbles{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:18px 0 26px}.bubble{max-width:88%;padding:14px 16px;border-radius:18px 18px 18px 6px;background:var(--card);box-shadow:0 1px 1px #0000000f}.bubble strong{font-size:19px}.bubble p{font-size:15px;margin:8px 0 0;color:var(--text-2)}.bubble.mine{align-self:flex-end;background:var(--ok-soft);border-radius:18px 18px 6px}.bubble-actions{display:flex;gap:12px}.bubble-actions button{background:none;border:0;color:var(--accent);padding:8px 0;font-size:13px}.voice-area{display:flex;flex-direction:column;align-items:center;gap:14px}.record{width:88px;height:88px;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:42px}.record.active{background:var(--ink)}.voice-area small{color:var(--text-3)}.voice-area audio{max-width:100%}.reference{width:100%;background:var(--sand);border-radius:20px;padding:20px}.reference strong{font-size:15px}.reference p{font-size:21px;font-weight:700;margin:10px 0}.selfchecks{width:100%}.selfchecks>div{border-bottom:1px solid var(--border);padding:10px 0}.selfchecks p{margin:5px 0}.selfchecks button{margin:4px 6px 4px 0;font-size:14px}.mini-shelf{background:var(--sand);padding:22px;border-radius:20px;width:100%;margin:20px 0}.mini-shelf span{display:block}.mini-shelf i{display:inline-block;width:15px;height:28px;background:var(--accent);margin:15px 7px 0 0;border-radius:3px}.with-me{padding:20px;background:var(--sand);border-radius:20px}.with-me .button{width:100%}@keyframes slide{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.dialogue-prompt{font-size:17px;color:var(--text-2)}.record{display:grid;place-items:center}.record svg{width:34px;height:34px}.stop-symbol{width:24px;height:24px;border-radius:4px;background:#fff}.streak{display:block;margin-top:12px;color:var(--accent-dark);font-weight:700}.streak-celebration{padding:16px;border-radius:18px;background:var(--sand);color:var(--ink)!important}.design-gallery{padding:24px 0 110px}.design-gallery h1{margin:12px 0}.design-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 28px}.design-swatches div{font-size:10px;color:var(--text-3)}.design-swatches i{display:block;width:100%;height:34px;border:1px solid var(--border);border-radius:8px}.design-demo{padding:0 0 30px}.design-demo .prompt{margin:28px 0}.design-demo .answer-line{margin-top:30px}.design-demo .task-footer,.design-demo .feedback{position:static;transform:none;width:100%;margin-top:20px}.design-demo .task-footer{padding:10px 0;background:none}.design-demo .feedback{border-radius:24px;padding:20px;animation:none}