:root{font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;color:#41223d;background:#fff8f0;font-size:16px;--plum:#764773;--dark:#52304e;--line:#ebdce7;--soft:#f5e8f5;--card:#fffdfa;--muted:#775d72;--shadow:0 10px 28px #5b355b10}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#ecd9f1,transparent 50%),radial-gradient(ellipse at 0 55%,#ffe8d8,transparent 54%);min-height:100vh}main{max-width:750px;margin:auto;padding:16px 20px 44px}header{display:flex;gap:11px;align-items:center;margin-bottom:20px;min-height:54px}header>.icon:last-child{margin-left:auto}.brand{display:grid;gap:3px}.brand b{font-size:1.2rem;letter-spacing:-.045em}.brand small,.eyebrow{font-size:.69rem;letter-spacing:.12em;color:#71486e;font-weight:850}.brand-icon{width:50px;height:50px;object-fit:contain}.icon{font-size:1.3rem;background:#f5e8f3;color:var(--dark);width:46px;min-width:46px;border-radius:16px}
h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,7vw,3rem);letter-spacing:-.06em;line-height:1.04}h2{font-size:1.38rem;letter-spacing:-.03em}h3{font-size:1.14rem;overflow-wrap:anywhere}p{line-height:1.5}small{color:var(--muted)}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer;font-weight:800;min-height:45px;padding:10px 15px;transition:transform .14s,filter .14s}button:hover{filter:brightness(1.04)}button:active{transform:translateY(2px)}button:disabled{opacity:.6;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #9a61a4;outline-offset:3px}.primary,.secondary,.text{border-radius:16px}.primary{color:white;background:linear-gradient(175deg,#925b8e,#673b65);box-shadow:0 3px 0 #543052}.secondary{color:var(--dark);background:#f0e0f0}.text{color:var(--dark);background:none;padding:7px 9px;text-decoration:underline;text-underline-offset:3px;font-size:.88rem}
.hero{display:grid;grid-template-columns:1fr 45%;align-items:center;min-height:245px;padding:24px;gap:8px;background:linear-gradient(135deg,#fffaf4,#efdcf1);border:1px solid #ead8eb;border-radius:32px;box-shadow:var(--shadow);overflow:hidden}.hero h1{margin:10px 0}.hero p{color:var(--muted);max-width:180px}.hero-monkey{width:100%;height:clamp(130px,40vw,240px);object-fit:contain;filter:drop-shadow(0 8px 14px #54305229)}
.section-head{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-head .secondary{font-size:.86rem}.topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr));gap:13px}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:18px}.topic,.import,.finale{display:grid;gap:14px}.topic-title{display:flex;align-items:center;gap:12px}.orbit{display:grid;place-items:center;width:45px;height:45px;flex:none;border-radius:15px;background:var(--soft);color:var(--plum);font-size:1.4rem}.mini-actions{display:flex;justify-content:space-between;gap:4px;flex-wrap:wrap}.collection-link{width:100%;display:flex;align-items:center;gap:12px;text-align:left;color:inherit;margin-top:15px}.collection-link img{height:55px;width:66px;object-fit:contain}.collection-link span{display:grid;gap:4px}.collection-link strong{margin-left:auto}
progress{width:100%;height:10px;border:0;border-radius:9px;overflow:hidden;background:#eadde8;appearance:none;display:block}progress::-webkit-progress-bar{background:#eadde8}progress::-webkit-progress-value{background:#ae78ae;border-radius:9px}progress::-moz-progress-bar{background:#ae78ae;border-radius:9px}
.lesson-heading{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:.85rem;color:var(--muted)}.exercise{margin-top:16px;display:grid;gap:13px}.exercise h1,.import h1{font-size:clamp(1.65rem,6vw,2.55rem)}.condition{background:#f6eaf4;padding:14px;border-radius:15px;white-space:pre-wrap;overflow-wrap:anywhere}.answer{display:grid;gap:7px;font-weight:750}.answer>div{display:flex;align-items:center;gap:10px}.answer>div>span{color:var(--muted);white-space:nowrap}input:not([type=radio]),select,textarea{width:100%;min-height:44px;background:#fffbff;border:1px solid #cbb4ca;border-radius:13px;padding:10px 12px;color:var(--dark)}textarea{min-height:110px;resize:vertical}input[type=radio]{accent-color:var(--plum);width:19px;height:19px;flex:none}.option{display:flex;align-items:center;gap:7px;border:1px solid var(--line);padding:8px;border-radius:12px;cursor:pointer}.option:has(:checked){background:var(--soft);border-color:#ab80aa}fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}legend{font-weight:800;margin-bottom:8px}.exercise form>.primary,.import form>.primary{width:100%;margin:4px 0}.error{color:#8b3e46;font-size:.87rem}.error:not(:empty){padding:6px 0}.feedback{margin-top:13px;padding:16px;border-radius:23px;display:grid;grid-template-columns:minmax(68px,25%) 1fr;gap:8px 13px;align-items:center;border:1px solid #ebdce7}.feedback img{width:100%;height:110px;object-fit:contain}.feedback p{white-space:pre-wrap;overflow-wrap:anywhere}.feedback button{grid-column:1/-1}.correct{background:#dff4e7}.wrong{background:#ffe5dc}.neutral{background:#f3e6f4}.hint img{height:68px}.import label{display:grid;gap:5px;font-weight:700}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.import-preview{display:grid;gap:10px;background:#e6f5ec;padding:12px;border-radius:15px}.import-preview p{margin-top:8px;overflow-wrap:anywhere}.import form{display:grid;gap:10px}
.intro{margin:26px 0 18px}.intro h1{margin:5px 0}.sticker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,135px),1fr));gap:10px}.sticker{text-align:center;display:grid;gap:8px;padding:11px}.sticker img,.silhouette{width:100%;height:105px;object-fit:contain}.silhouette{display:grid;place-items:center;font-size:2rem;color:#8c708a;background:#efe3ee;border-radius:14px}.sticker b{font-size:.83rem}.unseen{background:#faf4f8;color:var(--muted)}.finale{text-align:center}.finale img{height:165px;max-width:100%;margin:auto}
@media(max-width:360px){main{padding-inline:12px}.hero{padding:17px}.section-head .secondary{padding-inline:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.language-settings{margin-bottom:14px}