@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-cyrillic-500-normal-DpMZbbjM.woff2)format("woff2"),url(/assets/caveat-cyrillic-500-normal-DLSfp5IU.woff)format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/caveat-latin-500-normal-B9SDL8cy.woff2)format("woff2"),url(/assets/caveat-latin-500-normal-Do9veZfZ.woff)format("woff")}:root{--red:#a7141e;--red-dark:#8a1018;--text:#161616;--muted:#5c5750;--bg:#f4f0e8;--card:#fbfbf9;--line:#e2dbcd;--done:#4a463d;--serif:"Playfair Display", Georgia, "Times New Roman", serif;--sans:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--hand:"Caveat", "Segoe Script", cursive;--gutter:16px;--radius:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--serif);margin:0;font-weight:500;line-height:1.15}.accent{color:var(--red)}.app{max-width:640px;padding:0 var(--gutter) calc(32px + env(safe-area-inset-bottom));margin:0 auto}.state{text-align:center;min-height:60vh;color:var(--muted);padding:var(--gutter);place-content:center;gap:16px;display:grid}.btn{border-radius:var(--radius);text-align:center;width:100%;padding:14px 16px;font-weight:500;transition:opacity .15s;display:block}.btn:disabled{opacity:.6}.btn-primary{background:var(--red);color:#fff}.btn-primary:active{background:var(--red-dark)}.btn-outline{border:1px solid var(--red);color:var(--red)}.handwritten{font-family:var(--hand);font-size:22px;font-weight:500;line-height:1}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:20px;display:block;box-shadow:0 1px 2px #1616160f}button.card:active{transform:scale(.99)}.home{gap:16px;display:grid}.hero{margin:0 calc(-1 * var(--gutter));padding:40px var(--gutter) 32px;color:#fbfbf9;background:linear-gradient(#8f8a83,#c9c3b9)}.hero-title{font-family:var(--serif);font-size:64px;line-height:.9}.hero-sub{font-family:var(--serif);margin-top:8px;font-size:20px}.welcome h1{font-size:30px}.stream{border-left:4px solid var(--red);gap:16px;display:grid}.stream p{margin:0}.continue{gap:8px;display:grid}.continue h2,.envelope h2{font-size:26px}.continue p{color:var(--muted);margin:0}.continue .handwritten,.envelope .handwritten{margin-top:8px}.modules{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=520px){.modules{grid-template-columns:1fr 1fr}}.module-card{gap:12px;padding:16px;display:grid}.module-card-top{justify-content:space-between;align-items:baseline;display:flex}.module-cover{aspect-ratio:1;border:1px dashed var(--line);font-family:var(--serif);color:var(--muted);place-items:center;font-size:22px;display:grid;overflow:hidden}.module-cover img{object-fit:cover;width:100%;height:100%}.envelope{background:#d9b48f;border-color:#c79b72;justify-items:center;gap:8px;padding:40px 20px;display:grid}.envelope h2{font-size:34px}.home-actions{gap:12px;margin-top:8px;display:grid}.module-header,.lesson-header{gap:12px;padding:24px 0 20px;display:grid}.module-header h1{font-size:40px}.module-header p{color:var(--muted);margin:0}.link-home{color:var(--muted);justify-self:start}.lessons{gap:12px;display:grid}.lesson-row{gap:16px;display:grid}.lesson-row h3{font-size:22px}.lesson-btn{background:var(--red);color:#fff;border-radius:var(--radius);justify-self:start;padding:8px 20px}.lesson-btn.done{background:var(--done)}.lesson-row.locked{color:var(--muted);box-shadow:none;cursor:default;background:0 0;grid-template-columns:auto 1fr;align-items:center;gap:12px}.lesson-row.locked h3{font-size:19px}.lock{font-size:18px}.more{text-align:center;gap:16px;margin-top:20px;display:grid}.more p{font-family:var(--serif);margin:0;font-size:20px}.lesson-header h1{color:var(--red);font-size:32px}.blocks{gap:20px;display:grid}.block-text{gap:12px;display:grid}.block-text p{white-space:pre-line;margin:0}.block-text h2{color:var(--red);margin-top:12px;font-size:28px}.block-text h3{color:var(--red);margin-top:8px;font-size:24px}.block-text h4{margin-top:4px;font-size:20px}.block-text ul{gap:6px;margin:0;padding-left:22px;display:grid}.block-text a{color:var(--red);word-break:break-word}.block-text strong{font-weight:600}.timecodes{list-style:none;padding-left:0!important}.timecode button{color:var(--red);text-underline-offset:3px;-webkit-text-decoration:underline #a7141e59;text-decoration:underline #a7141e59}.block-image{margin:0 calc(-1 * var(--gutter));cursor:zoom-in}.block-image img{width:100%}.block-image figcaption{padding:6px var(--gutter) 0;color:var(--muted);font-size:14px}@media (width>=640px){.block-image{margin:0}}.video{margin:0;scroll-margin:16px}.video-frame{border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-horizontal .video-frame{aspect-ratio:16/9}.video-vertical .video-frame{aspect-ratio:9/16;max-width:100%;height:min(80vh,640px);margin:0 auto}.video figcaption{color:var(--muted);margin-top:6px;font-size:13px}.video-test{color:var(--red)}.video-expand{float:right;color:var(--red);margin-left:12px;font-size:14px}.video-expanded{--top:calc(var(--tg-safe-area-inset-top,0px) + var(--tg-content-safe-area-inset-top,0px));z-index:20;padding:calc(var(--top) + 48px) 0 0;background:#000;place-items:center;margin:0;display:grid;position:fixed;inset:0}.video-expanded figcaption{display:none}.video-expanded .video-frame{border-radius:0}.video-expanded.video-horizontal .video-frame{width:min(100vw, (100vh - var(--top) - 48px) * 16 / 9)}.video-expanded.video-vertical .video-frame{height:calc(100vh - var(--top) - 48px)}.video-collapse{top:calc(var(--top) + 10px);color:#fbfbf9;font-size:15px;position:absolute;right:16px}.block-audio{width:100%}.block-audio-pending{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);padding:16px}.block-button{margin:4px 0}.lesson-finish{gap:12px;margin-top:32px;display:grid}.completed{text-align:center;color:var(--done);border:1px solid var(--line);border-radius:var(--radius);padding:14px;font-weight:500}.lesson-nav{color:var(--muted);grid-template-columns:1fr 1fr;align-items:center;gap:20px 12px;margin-top:28px;display:grid}.lesson-nav .handwritten{font-size:21px}.nav-next{text-align:right;justify-self:end}.nav-home{grid-column:1/-1;justify-self:center}.viewer{z-index:10;cursor:zoom-out;background:#0a0a0aeb;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.viewer img{object-fit:contain;max-height:100%}.viewer-close{top:calc(12px + env(safe-area-inset-top));color:#fff;font-size:36px;line-height:1;position:absolute;right:16px}.video-frame>div,.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-error{text-align:center;color:#fbfbf9;place-content:center;gap:12px;padding:16px;font-size:14px;display:grid;position:absolute;inset:0}.video-error p{margin:0}.video-error .btn-outline{color:#fbfbf9;border-color:#fbfbf9}
