/* Рядом: цветной мир открытий. Все начертания — семейства Тиште. */
:root{--ink:#27214a;--green:#6545de;--muted:#716888;--paper:#f7f5ff;--line:#e9e2f6;--orange:#f8723c;--cream:#fff0cb}
body{background:radial-gradient(ellipse at 0 10%,#ffe9d5 0,transparent 30%),radial-gradient(ellipse at 100% 35%,#e4f9f2 0,transparent 35%),#f8f7fd}
button,a,input,textarea{font-family:'Tishte Sans',sans-serif}h1,h2,h3,.section-heading h2{font-family:'Tishte Sans',sans-serif;font-weight:700}a,button{transition:transform .18s,background .18s,box-shadow .18s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #623fe7;outline-offset:5px}
.topbar{padding:24px 32px;max-width:1250px}.brand{font-size:34px;color:#392471;letter-spacing:-1.5px}.brand-icon{display:grid;place-items:center;width:45px;height:45px;background:#ffce43;border-radius:15px;color:#7241d2;font-size:40px;transform:rotate(-9deg);box-shadow:0 4px 0 #f3ad38}.brand-sub{font-size:9px;letter-spacing:1.3px;color:#7a668f;max-width:120px;margin-left:9px}.topbar nav{gap:8px}.topbar nav a{padding:11px 17px;border-radius:14px}.topbar nav a:hover{background:#eee7ff;color:#6336d4}.topbar nav .nav-active{background:#eee7ff;color:#6039c9}.parent-link{border:1px solid #e2daf0;background:#fff9}#album-count{background:#ffd451;color:#56399d;padding:3px 8px}
main{margin-top:13px;max-width:1186px}.hero{background:#4030aa;min-height:480px;display:block;border-radius:32px;isolation:isolate;box-shadow:0 20px 45px #44339025;overflow:hidden}.hero-copy{width:52%;padding:51px 0 52px 45px;position:relative;z-index:2}.hero-copy:before{content:'';position:absolute;inset:0 -130px 0 0;background:linear-gradient(90deg,#3c2aaaff 0%,#3c2aaafa 54%,#3c2aaa00 100%);z-index:-1}.hero .eyebrow{color:#ede3ff;letter-spacing:1.2px;font-size:10px;display:inline-flex;padding:9px 13px;border:1px solid #ffffff42;border-radius:30px;background:#ffffff10}.hero .dot{background:#ffd852;box-shadow:0 0 12px #ffd85288}.hero h1{font-family:'Tishte Sans',sans-serif;font-size:62px;letter-spacing:-2.4px;line-height:1.04;font-weight:700;color:#fff;margin:23px 0 20px}.hero h1 em{color:#ffda50;display:inline-block}.hero-copy>p{font-size:17px;color:#eee8ff;max-width:365px;line-height:1.6}.hero-art{position:absolute;right:0;top:0;height:100%;width:69%;z-index:0}.hero-art .world-art{width:100%;height:100%;object-fit:cover;object-position:58% center}.art-caption{bottom:23px;right:24px;background:#fff;color:#443170;font-size:12px;font-weight:700;transform:rotate(-3deg);box-shadow:0 6px 22px #21134730;padding:12px 18px;border-radius:12px}.art-caption:before{content:'✦ ';color:#ee9b19}.button{border-radius:16px;background:#6a45e3;box-shadow:0 5px 0 #4c2cab,0 9px 17px #7541d724;font-size:16px;min-height:54px;padding:15px 24px;font-weight:700;letter-spacing:0}.button:hover{background:#7851ed;transform:translateY(-2px);box-shadow:0 7px 0 #4c2cab,0 12px 20px #7541d730}.button:active{transform:translateY(3px);box-shadow:0 2px 0 #4c2cab}.button.secondary{background:#efe9ff;color:#6740d2;box-shadow:0 4px 0 #dcd0fa}.button.secondary:hover{background:#e6ddfd;box-shadow:0 6px 0 #dcd0fa}.hero .button{background:#ffda50;color:#3e2867;box-shadow:0 5px 0 #dca32a,0 14px 24px #21106d50;margin-top:26px;padding:16px 26px}.hero .button:hover{background:#ffe373;box-shadow:0 7px 0 #dca32a}.hero .button span{font-size:22px}.hero-stickers{display:flex;gap:12px;color:#ece5ff;font-size:11px;margin-top:24px}.hero-stickers span{display:flex;align-items:center;gap:6px}.hero-stickers span:before{content:'✦';color:#ffda50;font-size:15px}
.section-heading{margin:37px 3px 21px}.section-heading h2{font-size:31px;letter-spacing:-1px}.section-heading p{background:#ede7fb;padding:9px 15px;border-radius:30px;color:#6e5892;font-size:12px}.cards{gap:23px}.lesson-card{border:1px solid #eae3f4;border-radius:25px;box-shadow:0 7px 0 #ece6f3,0 12px 24px #472e7410;position:relative;background:#fff}.lesson-card:hover{transform:translateY(-7px) rotate(-.35deg);box-shadow:0 9px 0 #e8def5,0 22px 35px #472e7420}.card-art{height:225px;border-bottom:0;background:#f9cb93;isolation:isolate}.world-art{display:block;width:100%;height:100%;object-fit:cover}.card-art .world-art{transition:transform .55s}.lesson-card:hover .world-art{transform:scale(1.045)}.card-number{background:#fff;color:#553376;box-shadow:0 4px 12px #532d4420;font-size:10px;top:16px;left:17px;letter-spacing:.8px;padding:9px 12px}.card-body{padding:24px}.card-kicker{color:#b55522;font-size:9px;letter-spacing:1.4px}.lesson-card[data-lesson=nature] .card-kicker{color:#008a75}.lesson-card[data-lesson=theatre] .card-kicker{color:#8f44ad}.card-body h3{font-size:24px;line-height:1.18;min-height:86px;margin:12px 0;color:#31234e;letter-spacing:-.55px}.card-body p{font-size:13px;min-height:0;color:#81728d}.card-bottom{margin-top:24px;gap:12px;align-items:center}.card-bottom>span{font-size:10px;max-width:110px;line-height:1.5;color:#867290}.card-bottom a{border-radius:12px;background:#fff0d9;padding:11px 15px;color:#b75321;gap:12px}.card-bottom a span{color:inherit;font-size:20px}.lesson-card[data-lesson=nature] .card-bottom a{background:#dcf8ee;color:#077e68}.lesson-card[data-lesson=theatre] .card-bottom a{background:#f0e4ff;color:#8543ba}.home-note{margin-top:31px;background:linear-gradient(105deg,#eee5ff,#e9f8fc);color:#6b5b88;padding:21px 26px;border:1px solid #e5dcf5;border-radius:21px}.home-note>span:first-child{color:#9957e5;background:#fff;border-radius:16px;padding:8px 14px;transform:rotate(-7deg)}.home-note b{color:#51357e}footer{margin-top:18px;border-color:#e5ddf2;color:#9484a4}
.lesson-shell{max-width:1186px;margin-top:20px;--accent:#dc692c;--tint:#fff0df}.lesson-shell[data-lesson=nature]{--accent:#008c78;--tint:#e0f9ee}.lesson-shell[data-lesson=theatre]{--accent:#a14ccd;--tint:#f5e7ff}.lesson-nav{margin-bottom:20px}.lesson-nav>a{display:inline-flex;padding:11px 17px;border:1px solid #e8e1f3;border-radius:13px;background:white;font-weight:700;color:#785e9b}.lesson-nav>span{color:#856d9e}.progress{background:#e5ddf4;height:8px;margin:0 0 27px;border:0}.progress>span{background:linear-gradient(90deg,#a071ff,#6a46e8);border-radius:20px}.lesson-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:26px;align-items:start}.journey-rail{border:1px solid #e8e0f1;border-radius:23px;background:white;overflow:hidden;box-shadow:0 9px 25px #54327a0a;position:sticky;top:20px}.rail-picture{height:148px;position:relative;overflow:hidden}.rail-picture img{width:100%;height:100%;object-fit:cover}.rail-picture span{position:absolute;bottom:12px;left:15px;color:#56316e;background:white;border-radius:9px;padding:6px 10px;font-size:11px;font-weight:700;box-shadow:0 3px 10px #552a3722}.rail-title{padding:20px 20px 11px;font-size:16px;font-weight:700;color:#432c64}.journey-steps{padding:0 12px 12px;display:grid;gap:5px}.journey-step{display:flex;align-items:center;gap:11px;padding:10px;border:0;border-radius:13px;background:transparent;text-align:left;color:#88759d;font-size:13px;min-height:47px}.journey-step b{border-radius:10px;display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;background:#f2edf8;color:#917ca7;font-size:12px}.journey-step.current{background:#eee5ff;color:#6139bc;font-weight:700}.journey-step.current b{background:#7147e1;color:white;box-shadow:0 3px 0 #51329f}.journey-step:hover:not(:disabled){background:#f3edfd}.journey-step.past b{background:#e4f7ee;color:#218763}.journey-step:disabled{opacity:.6}.rail-foot{padding:0 20px 20px;font-size:11px;line-height:1.6;color:#93819f}.lesson-panel{border:1px solid #e7dff1;border-radius:25px;box-shadow:0 9px 0 #eee8f7,0 20px 50px #522e8010;position:relative}.lesson-panel:before{content:'';display:block;height:7px;background:linear-gradient(90deg,#ffba56,#ff7964,#b77afa)}.panel-content{padding:33px 36px 36px}.panel-content h1{font-size:34px;line-height:1.13;letter-spacing:-.8px;color:#32234f;font-weight:700;margin:14px 0 24px}.eyebrow{color:var(--accent,#8456bd);font-size:10px;letter-spacing:1.2px}.intro-cover{height:215px;margin:-33px -36px 27px;position:relative;overflow:hidden}.intro-cover img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.intro-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0002,transparent 50%)}.intro-cover span{position:absolute;bottom:18px;left:25px;z-index:1;background:#fff;padding:9px 13px;border-radius:12px;color:#563277;font-size:11px;font-weight:700;box-shadow:0 3px 12px #0002}.book-prompts{background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);border-radius:19px;padding:23px;font-size:18px;line-height:1.7;color:#493853}.book-prompts p{position:relative;padding-left:28px}.book-prompts p:before{content:'✦';position:absolute;left:0;top:0;color:var(--accent);font-size:20px}.book-prompts p+p{margin-top:15px}.badge-note{font-size:12px;line-height:1.65;color:#8a7899}.lead{color:#746382;font-size:18px}.reader-top{font-size:11px}.reader-top>span:last-child{border-radius:20px;padding:7px 12px;background:#efe7ff;color:#7952b6;white-space:nowrap}.panel-content .book-title{font-size:21px;color:#604b77;margin:23px 0 27px;font-weight:700;line-height:1.4}.book-text{font-family:'Tishte Serif',serif;font-size:24px;line-height:1.8;color:#393046}.book-text h2{font-family:'Tishte Sans',sans-serif;font-size:22px;color:#7149ac}.book-text p+p{margin-top:22px}.dictionary{background:#fff5d7;border:1px solid #f4e4b3;padding:19px 22px;border-radius:17px;color:#726045;font-size:16px}.dictionary summary{color:#8a6128}.dictionary dt{color:#6f4921}.reader-dots{gap:9px}.reader-dot{background:#f4efff;border:1px solid #e7def6;color:#8a65bc;width:40px;height:40px;border-radius:12px;font-weight:700}.reader-dot.current{background:#7650e6;color:#fff;border-color:#7650e6;box-shadow:0 4px 0 #5536a6;transform:translateY(-2px)}.source-figure{padding:13px;background:#fff7e9;border-radius:20px;transform:rotate(-.5deg);box-shadow:0 4px 0 #f0e4cd}.source-figure img{border-radius:12px}.source-figure figcaption{color:#96774f;margin:12px 0 2px}.read-button{background:#ecf8ff;border:1px solid #cae4f8;color:#387da5;font-weight:700;border-radius:12px;padding:11px 17px}.read-button:hover{background:#def2ff}.source-link{font-size:11px;color:#917da6;margin:20px 5px}.book-question{padding:22px;margin:20px 0;background:#faf7ff;border:1px solid #eae1f6;border-radius:18px}.book-question h2{font-size:19px;color:#483459;line-height:1.55}.book-question h2 span{color:#fff;background:#a079e1;padding:3px 8px;border-radius:8px;font-size:15px;margin-right:5px}textarea,.riddle-input{border:1.5px solid #dfd1ec;border-radius:13px;color:#49395b;box-shadow:inset 0 2px 4px #64448205;background:#fff;font-size:17px}textarea:focus,.riddle-input:focus{border-color:#a07bdd}.source-note{background:#fff0cd;color:#8a6a35}.riddle{background:#fff6df;border:1px solid #ffe6b4;padding:18px}.riddle:nth-child(2){background:#e8f9ee;border-color:#cfeedd}.riddle:nth-child(3){background:#fff0e5;border-color:#ffe0c9}.riddle:nth-child(4){background:#eaf4ff;border-color:#d3e8fd}.riddle p{color:#55405e}.riddle-answer{color:#7745b7!important}.riddle details{color:#9674ab}.notebook{background:#f6efff;border-color:#e5d6f5;border-radius:20px;padding:23px}.notebook label{color:#72528e}.question{font-size:26px;color:#443056;margin:20px 0 24px}.task-count{display:inline-block;background:#fff0c9;color:#9c6c20;border-radius:20px;padding:7px 12px;font-weight:700;font-size:11px;margin-top:24px}.options{counter-reset:answers}.option{background:#fff;border:2px solid #e5daf3;border-radius:18px;box-shadow:0 4px 0 #ece5f5;position:relative;font-size:17px;min-height:84px;padding:17px;gap:12px}.option:before{counter-increment:answers;content:counter(answers);display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;background:#eee6fa;border-radius:10px;color:#9876b7;font-weight:700;font-size:13px}.option:hover:not(:disabled){background:#f7f0ff;border-color:#ac83e3;transform:translateY(-2px)}.option.correct{background:#e6faec;border-color:#68c990;box-shadow:0 4px 0 #b9e7c9}.option.correct:before{content:'✓';background:#37a96a;color:white}.option.wrong{background:#fff1df;border-color:#f4b968;box-shadow:0 4px 0 #f5dfbc}.feedback{background:#e6faec;color:#387c52;border-radius:16px;padding:18px}.feedback.retry{background:#fff1df;color:#9a6c31}.quiet{color:#9371b2;font-size:12px;line-height:1.5}.quiet:hover{color:#6a3bb0}.stamp{background:linear-gradient(145deg,#ffeb80,#ffbf32);border:5px solid #fff4be;color:#a66a12;box-shadow:0 7px 0 #edac29,0 15px 30px #f4bc5040;transform:rotate(-8deg);border-radius:30px;font-size:55px;width:112px;height:112px}.celebrate{padding:48px 35px;background:radial-gradient(ellipse at top,#fff4cd,transparent 65%)}.celebrate h1{font-family:'Tishte Sans',sans-serif;font-size:37px;color:#563082}.celebrate .eyebrow{margin-top:20px}.parent-box{border-radius:22px;box-shadow:0 5px 0 #efe8f8}.page-title h1{color:#573381}.note-display{background:#f5edff}.album-empty{background:#fff;border-color:#d6bfed}.home-note,.lesson-panel{animation:appear .35s ease-out}@keyframes appear{from{opacity:.75;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{min-height:500px}.hero-copy{padding-top:57px}.card-art{height:235px}}
@media(max-width:1220px){main,footer{margin-left:28px;margin-right:28px}.hero h1{font-size:56px}.hero-copy{width:55%;padding-left:36px}.lesson-layout{grid-template-columns:215px minmax(0,1fr);gap:20px}.panel-content{padding:28px}.intro-cover{margin:-28px -28px 24px}.card-body{padding:20px}.card-body h3{font-size:23px}.card-art{height:210px}}
@media(max-width:900px){.brand-sub{display:none}.topbar{padding:20px 26px}.topbar nav a{padding:10px 12px}.hero{min-height:440px}.hero-copy{width:59%;padding-top:36px;padding-bottom:36px}.hero h1{font-size:50px}.hero-copy>p{font-size:15px;max-width:300px}.hero-art{width:65%}.hero-stickers{font-size:10px;gap:8px}.lesson-layout{grid-template-columns:1fr}.journey-rail{position:static;border:0;background:transparent;box-shadow:none;overflow:visible}.rail-picture,.rail-title,.rail-foot{display:none}.journey-steps{display:flex;padding:0;gap:8px;overflow:auto;scrollbar-width:thin;padding-bottom:7px}.journey-step{background:#fff;border:1px solid #e7def2;padding:9px 12px;white-space:nowrap;font-size:11px;gap:7px}.journey-step b{width:23px;height:23px;border-radius:8px;font-size:10px}.card-art{height:180px}.cards{gap:17px}.card-body h3{font-size:20px;min-height:94px}.card-body{padding:18px}.card-bottom{flex-direction:column;align-items:stretch;gap:10px}.card-bottom>span{max-width:none}.card-bottom a{justify-content:space-between}.section-heading h2{font-size:27px}.section-heading p{font-size:10px}.book-text{font-size:23px}}
@media(max-width:620px){main,footer{margin-left:17px;margin-right:17px}.topbar{padding:18px 20px;flex-wrap:wrap;gap:19px}.brand{font-size:32px}.brand-icon{width:39px;height:39px;font-size:34px;border-radius:13px}.topbar nav{width:100%;justify-content:space-between;gap:3px;font-size:12px}.topbar nav a{padding:9px 10px}.topbar nav .parent-link{border:0;background:transparent}.hero{min-height:0;padding-bottom:280px;border-radius:26px}.hero-copy{width:100%;padding:29px 27px 18px}.hero-copy:before{inset:0;background:linear-gradient(180deg,#3c2aaa 80%,#3c2aaa00);bottom:-35px}.hero h1{font-size:48px;letter-spacing:-1.7px;line-height:1.03;margin:22px 0 16px;max-width:none}.hero h1 br{display:block}.hero .eyebrow{font-size:9px;letter-spacing:.7px}.hero-copy>p{max-width:310px;font-size:15px;line-height:1.6}.hero-art{width:100%;height:300px;top:auto;bottom:0}.hero-art .world-art{object-fit:cover;object-position:center 63%}.hero .button{margin-top:20px;font-size:15px;min-height:51px}.hero-stickers{margin-top:20px;gap:13px;font-size:10px}.art-caption{bottom:17px;right:18px;font-size:10px;padding:10px 13px}.section-heading{gap:10px;margin-top:31px;align-items:flex-start;flex-direction:column}.section-heading h2{font-size:27px}.section-heading p{font-size:11px}.cards{grid-template-columns:1fr;gap:27px}.card-art{height:230px}.card-body{padding:23px}.card-body h3{font-size:26px;min-height:0;margin:12px 0}.card-body p{font-size:13px}.card-kicker{font-size:9px}.card-bottom{flex-direction:row;align-items:center;margin-top:20px}.card-bottom>span{max-width:125px;font-size:10px}.home-note{padding:20px;font-size:12px}.home-note>span:first-child{display:none}.lesson-nav{font-size:11px;gap:12px}.lesson-nav>a{padding:9px 11px;font-size:11px;white-space:nowrap}.lesson-nav>span{text-align:right}.progress{margin-bottom:18px}.lesson-layout{gap:15px}.journey-step{padding:8px 10px;min-height:42px}.panel-content{padding:24px 21px}.panel-content h1{font-size:28px;line-height:1.18;margin-top:15px}.intro-cover{height:183px;margin:-24px -21px 23px}.intro-cover span{left:18px;bottom:15px;font-size:10px}.book-prompts{font-size:17px;padding:19px 17px}.book-prompts p{padding-left:24px}.book-prompts p:before{font-size:17px}.book-text{font-size:21px;line-height:1.85}.reader-top{flex-direction:row;align-items:center;gap:10px}.reader-top .eyebrow{font-size:9px;letter-spacing:.6px}.reader-top>span:last-child{font-size:10px;padding:7px 10px}.panel-content .book-title{font-size:20px;margin:22px 0}.lesson-actions{gap:13px}.lesson-actions .button{font-size:14px;padding:13px 17px;min-height:50px}.book-question{padding:18px;margin:18px 0}.book-question h2{font-size:18px}.book-question textarea{font-size:16px;min-height:100px}.riddle-grid{grid-template-columns:1fr}.riddle{padding:17px}.dictionary{padding:17px;font-size:16px}.source-link{font-size:10px;line-height:1.8}.options{grid-template-columns:1fr}.question{font-size:23px}.celebrate{padding:37px 23px}.celebrate h1{font-size:30px}.celebrate .lesson-actions{flex-direction:column}.celebrate .button{width:100%}.lead{font-size:17px}.page-title h1{font-size:37px}.page-title p{font-size:16px}.parent-box{padding:21px}.reader-dots{gap:9px}.reader-dot{width:36px;height:36px;border-radius:11px}.source-figure{padding:9px}.riddle>p{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.lesson-layout,.journey-rail,.journey-steps,.lesson-panel,.panel-content{min-width:0;max-width:100%}
@media(max-width:900px){.journey-steps{scrollbar-width:none}.journey-steps::-webkit-scrollbar{display:none}}