:root{--color-canvas:#fff;--color-ink:#202329;--color-muted:#5b606c;--color-line:#e1e3e8;--color-surface:#f3f4f6;--color-primary:#3457e8;--color-on-primary:#fff;--color-primary-soft:#edf1ff;--color-lilac:#eae7fa;--color-yellow:#f2ce55;--color-yellow-soft:#fdf5d8;--color-ok:#14804a;--color-ok-soft:#e1f4e9;--color-warm:#b85312;--color-warm-soft:#fcebdd;--font-sans:"Manrope", ui-rounded, system-ui, -apple-system, "Segoe UI", sans-serif;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--item:54px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.page{flex-direction:column;min-height:100vh;display:flex}.wrap{width:100%;max-width:1240px;margin:0 auto;padding-inline:max(16px,4vw)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);font-size:13px;font-weight:800}h1{letter-spacing:-.035em;text-wrap:balance;margin:8px 0 10px;font-size:clamp(32px,5vw,54px);font-weight:800;line-height:1.04}h2{letter-spacing:-.02em;margin:0;font-size:22px}.lead{color:var(--color-muted);max-width:58ch;margin:0;font-size:clamp(17px,2vw,20px);line-height:1.45}.btn{background:var(--color-primary);color:var(--color-on-primary);border:0;border-radius:16px;align-items:center;gap:10px;padding:16px 26px;font-size:18px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .2s;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px #2023291f}.btn:disabled{opacity:.35;cursor:not-allowed}.btn svg{width:22px;height:22px}.btn--ghost{color:var(--color-ink);background:0 0;padding-inline:8px}.btn--ghost:hover:not(:disabled){box-shadow:none}.btn--soft{background:var(--color-primary-soft);color:var(--color-primary)}.btn.is-pulse{animation:1.6s ease-in-out 2 pulse}@keyframes pulse{50%{box-shadow:0 0 0 10px #3457e82e}}@keyframes pop{0%{opacity:.3;transform:scale(.85)}}.confetti{pointer-events:none;z-index:50;position:fixed;inset:0}.top{border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:16px;padding:14px max(16px,4vw);display:flex}.top__logo{letter-spacing:-.03em;background:0 0;border:0;align-items:center;gap:8px;padding:4px;font-size:24px;font-weight:800;display:flex}.top__logo svg{width:32px;height:32px}.top__right{align-items:center;gap:10px;margin-left:auto;display:flex}.steps{flex-wrap:wrap;justify-content:center;gap:6px;margin-inline:auto;display:flex}.steps+.top__right{margin-left:0}.step{color:var(--color-muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:6px 10px 6px 6px;font-size:15px;font-weight:600;display:flex}.step__n{background:var(--color-surface);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.step.is-did .step__n{background:var(--color-ok-soft);color:var(--color-ok)}.step.is-cur{color:var(--color-primary);background:var(--color-primary-soft)}.step.is-cur .step__n{background:var(--color-primary);color:var(--color-on-primary)}.step:disabled{cursor:default;opacity:.55}.pill-btn{background:var(--color-surface);border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:700;display:flex}.pill-btn svg{width:20px;height:20px}.avatar{background:var(--color-lilac);border:0;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.bottom-bar{background:var(--color-canvas);border-top:1px solid var(--color-line);padding:14px max(16px, 4vw) calc(14px + env(safe-area-inset-bottom,0px));flex-wrap:wrap;align-items:center;gap:14px;margin-top:auto;display:flex;position:sticky;bottom:0}.bottom-bar__mid,.bottom-bar__note{margin-right:auto}.bottom-bar__note{color:var(--color-muted);font-size:15px}.hint-btn{background:var(--color-lilac);border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:700;display:flex}.hint-btn svg{width:18px;height:18px}.hint-btn:disabled{opacity:.45;cursor:default}.hint-btn.is-wiggle{animation:.8s ease-in-out 2 tilt}.mascot{flex-shrink:0;width:72px;height:72px;animation:3.2s ease-in-out infinite bob}.mascot--big{width:120px;height:120px}.mascot--happy{animation:.9s cubic-bezier(.3,1.6,.5,1) hop}.mascot--think{animation:1s ease-in-out tilt}@keyframes bob{50%{transform:translateY(-6px)rotate(6deg)}}@keyframes hop{0%{transform:none}40%{transform:translateY(-22px)rotate(140deg)scale(1.1)}to{transform:rotate(360deg)}}@keyframes tilt{30%{transform:rotate(-14deg)}70%{transform:rotate(10deg)}}.mascot-row{align-items:flex-start;gap:14px;display:flex}.bubble{background:var(--color-lilac);border-radius:20px;min-width:0;padding:14px 18px;font-size:17px;font-weight:600;line-height:1.4;animation:.35s cubic-bezier(.3,1.5,.5,1) pop;position:relative}.bubble:before{content:"";border:10px solid #0000;border-right-color:var(--color-lilac);border-left:0;position:absolute;top:22px;left:-9px}.onb{flex-direction:column;flex:1;gap:28px;padding-block:28px 40px;display:flex}.onb__progress{gap:8px;display:flex}.onb__progress i{background:var(--color-line);border-radius:99px;flex:1;max-width:72px;height:8px;transition:background .3s}.onb__progress i.is-on{background:var(--color-primary)}.onb__progress i.is-did{background:var(--color-ok)}.onb__step{flex-direction:column;gap:24px;animation:.4s cubic-bezier(.3,1.2,.5,1) slide-in;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(30px)}}.onb__hello,.onb__ready{max-width:640px}.onb__input{font:inherit;border:3px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-canvas);width:100%;max-width:440px;color:var(--color-ink);padding:18px 22px;font-size:28px;font-weight:700}.onb__input:focus{border-color:var(--color-primary);outline:0}.onb__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.picker-count{color:var(--color-muted);margin:0;font-weight:700}.sticker{background:var(--color-yellow);border-radius:18px;max-width:280px;padding:20px 24px;font-size:20px;font-weight:800;line-height:1.3;transform:rotate(3deg);box-shadow:0 8px #20232914}.grades{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:640px;display:grid}.grade{border:3px solid var(--color-line);background:var(--color-canvas);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:4px;padding:26px 8px 20px;transition:transform .15s;display:flex}.grade b{letter-spacing:-.04em;font-size:56px;line-height:1}.grade span{color:var(--color-muted);font-size:15px;font-weight:700}.grade:hover{transform:translateY(-3px)}.grade.is-sel{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary);animation:.35s cubic-bezier(.3,1.5,.5,1) pop}.grade.is-sel span{color:#ffffffd9}.subjects{flex-direction:column;gap:10px;max-width:560px;display:flex}.subject{text-align:left;border:3px solid var(--color-line);background:var(--color-canvas);border-radius:var(--radius-md);align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s,background .15s;display:flex}.subject b{flex:1;font-size:20px}.subject em{color:var(--color-muted);background:var(--color-surface);border-radius:99px;padding:4px 10px;font-size:14px;font-style:normal;font-weight:700}.subject__box{border:3px solid var(--color-line);border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.subject__box svg{width:20px;height:20px}.subject.is-on{border-color:var(--color-primary)}.subject.is-on .subject__box{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);animation:.3s cubic-bezier(.3,1.5,.5,1) pop}.subject.is-ready{background:var(--color-primary-soft);cursor:default}.subject.is-ready em{background:var(--color-ok-soft);color:var(--color-ok)}.summary{background:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;gap:0;margin:0;padding:8px 24px;display:flex}.summary>div{border-bottom:1px solid var(--color-line);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 0;display:flex}.summary>div:last-child{border-bottom:0}.summary dt{width:90px;color:var(--color-muted);font-weight:700}.summary dd{margin:0;font-size:20px;font-weight:800}.summary__likes{flex-wrap:wrap;gap:8px;display:flex}.like-chip{background:var(--color-canvas);border-radius:99px;align-items:center;gap:6px;padding:4px 14px 4px 6px;font-size:17px;display:inline-flex}.like-chip svg{width:28px;height:28px}.cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.card{text-align:left;border-radius:var(--radius-lg);border:3px solid #0000;flex-direction:column;gap:6px;min-height:230px;padding:20px;transition:transform .18s,border-color .18s;display:flex;position:relative}.card:hover{transform:translateY(-4px)rotate(-.6deg)}.card__art{align-items:center;gap:6px;height:96px;margin-bottom:auto;display:flex}.card__art span{animation:2.4s ease-in-out infinite float;animation-delay:var(--d)}.card__art svg{width:52px;height:52px}.card b{letter-spacing:-.02em;font-size:24px}.card>span{color:var(--color-muted);font-weight:500;line-height:1.35}.card__check{opacity:0;border:2.5px solid;border-radius:50%;place-items:center;width:36px;height:36px;font-style:normal;font-weight:800;transition:all .25s cubic-bezier(.3,1.6,.5,1);display:grid;position:absolute;top:16px;right:16px;transform:scale(.4)}.card__stars{color:var(--color-muted);font-size:13px;font-style:normal;font-weight:800;position:absolute;bottom:16px;right:18px}.card.is-sel{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.card.is-sel>span,.card.is-sel .card__stars{color:#ffffffd9}.card.is-sel .card__art svg{filter:drop-shadow(0 0 1.5px #fff)drop-shadow(0 0 1.5px #fff)}.card.is-sel .card__check{opacity:1;transform:none}.card--fudbal{background:#e3f3e6}.card--muzika{background:var(--color-primary-soft)}.card--ples{background:var(--color-lilac)}.card--crtanje{background:var(--color-yellow-soft)}.card--zivotinje{background:#ddf1f8}.card--add{border:3px dashed var(--color-line);background:0 0;justify-content:center;min-height:0}@keyframes float{50%{transform:translateY(-10px)rotate(-8deg)}}.profile{flex-direction:column;flex:1;gap:40px;padding-block:36px 48px;display:flex}.profile__head{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.profile__head h1{margin-bottom:6px}.profile__avatar{background:var(--color-lilac);width:112px;height:112px;color:var(--color-primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:52px;font-weight:800;display:grid}.profile__section{border-top:1px solid var(--color-line);flex-direction:column;gap:14px;padding-top:32px;display:flex}.profile__label{letter-spacing:-.02em;font-size:22px;font-weight:800}.profile__empty{color:var(--color-muted);margin:0;font-size:17px}.profile__confirm{flex-wrap:wrap;align-items:center;gap:12px;font-weight:700;display:flex}.btn--danger{background:var(--color-warm)}.discoveries{flex-direction:column;gap:8px;max-width:640px;margin:0;padding:0;list-style:none;display:flex}.discoveries li{background:var(--color-surface);border-radius:var(--radius-md);align-items:center;gap:14px;padding:12px 16px;font-size:17px;display:flex}.discoveries li>svg{flex-shrink:0;width:36px;height:36px}.discoveries li>span:first-of-type{flex:1;min-width:0}.discoveries__stars{gap:2px;display:flex}.discoveries__stars svg{width:22px;height:22px}.world{flex-direction:column;flex:1;gap:32px;padding-block:36px 40px;display:flex}.world__section{flex-direction:column;gap:14px;display:flex}.world__row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.world__meta{color:var(--color-ok);font-weight:700}.world__note{color:var(--color-muted);background:var(--color-yellow-soft);border-radius:var(--radius-sm);margin:0;padding:12px 16px}.path{flex-direction:column;gap:28px;display:flex}.path__part{flex-direction:column;gap:10px;display:flex}.path__part-title{letter-spacing:.12em;text-transform:uppercase;color:var(--color-muted);margin:0;font-size:13px;font-weight:800}.unit{border:2px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-canvas);border-left-width:8px}.unit--brojevi{border-left-color:var(--color-primary)}.unit--geometrija{border-left-color:#22a06b}.unit--merenje{border-left-color:#c2457a}.unit[open]{box-shadow:0 6px #2023290d}.unit__head{cursor:pointer;align-items:center;gap:12px;padding:16px 18px;list-style:none;display:flex}.unit__head::-webkit-details-marker{display:none}.unit__head:before{content:"";border-right:3px solid var(--color-muted);border-bottom:3px solid var(--color-muted);flex-shrink:0;width:10px;height:10px;transition:transform .2s;transform:rotate(-45deg)}.unit[open]>.unit__head:before{transform:rotate(45deg)}.unit__head b{letter-spacing:-.01em;flex:1;min-width:0;font-size:20px}.unit__count{color:var(--color-muted);background:var(--color-surface);white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:14px;font-weight:700}.unit__count.is-ready{background:var(--color-ok-soft);color:var(--color-ok)}.unit__lessons{flex-direction:column;gap:4px;margin:0;padding:0 10px 12px;list-style:none;display:flex}.lesson-row{text-align:left;border-radius:var(--radius-sm);background:0 0;border:2px solid #0000;align-items:center;gap:12px;width:100%;padding:12px;font-size:17px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.lesson-row:hover:not(:disabled){background:var(--color-surface)}.lesson-row.is-sel{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.lesson-row.is-soon{color:var(--color-muted);cursor:default;font-weight:500}.lesson-row__title{flex:1;min-width:0}.lesson-row__ex{color:var(--color-muted);font-variant-numeric:tabular-nums}.lesson-row__tag{letter-spacing:.06em;text-transform:uppercase;vertical-align:2px;border-radius:6px;margin-right:8px;padding:2px 6px;font-size:12px;font-style:normal;font-weight:800}.lesson-row__tag--summary{background:var(--color-warm-soft);color:var(--color-warm)}.lesson-row__tag--check{background:var(--color-primary-soft);color:var(--color-primary)}.lesson-row__tag--fun{background:var(--color-lilac);color:#6a4fd1}.lesson-row__page{color:var(--color-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}.lesson-row__state{text-align:right;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;width:84px;font-size:13px;font-weight:700}.lesson-row:not(.is-soon) .lesson-row__state{color:var(--color-ok)}.lesson-row__stars{gap:1px;display:inline-flex}.lesson-row__stars svg{width:20px;height:20px}.lesson{flex:1;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);padding-block:28px;display:grid}.lesson__head{flex-direction:column;gap:2px;margin-bottom:18px;display:flex}.lesson__head h1{margin:6px 0;font-size:clamp(28px,4vw,44px)}.lesson__head .lead{font-size:18px}.lesson__head .lead .frac{font-size:15px}.lesson__side{flex-direction:column;gap:22px;min-width:0;padding-top:4px;display:flex}.dots{gap:6px;margin-top:10px;display:flex}.dots i{background:var(--color-line);border-radius:99px;width:28px;height:8px}.dots i.is-on{background:var(--color-primary)}.dots i.is-did{background:var(--color-ok)}.scene__foot{flex-direction:column;align-items:center;gap:14px;display:flex;position:relative}.scene{border-radius:var(--radius-lg);flex-direction:column;gap:18px;min-height:360px;padding:clamp(14px,2.4vw,28px);display:flex;position:relative;overflow:hidden}.scene__stack{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.scene__node{justify-content:center;width:100%;display:flex}.scene--tens{--item:30px}.scene--tens .grp__items{align-items:flex-end;gap:6px;max-width:none}.it.it--ten{background:#ffffffbf;border-radius:8px;flex-direction:column-reverse;align-items:center;gap:1px;width:22px;height:auto;margin-right:2px;padding:3px 2px;display:flex;box-shadow:inset 0 0 0 2px #2023292e}.it.it--ten svg{width:16px;height:16px;animation:none}.scene--tens .grp__items .it:not(.it--ten){align-self:flex-end}.grp--gone{opacity:.45;border-style:dashed!important}.grp--gone .it:after{content:"";background:var(--color-warm);border-radius:2px;height:3px;position:absolute;top:50%;left:8%;right:8%;transform:rotate(-30deg)}.grp--mystery .grp__items{position:relative}.grp--mystery .it{visibility:hidden}.grp--mystery .grp__items:after{content:"?";border-radius:var(--radius-sm);background:var(--color-canvas);color:var(--color-primary);box-shadow:inset 0 0 0 3px var(--color-primary);place-items:center;font-size:44px;font-weight:800;display:grid;position:absolute;inset:0}.puzzle{background:var(--color-canvas);color:var(--color-ink);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:560px;padding:24px 28px;display:flex;box-shadow:0 8px #20232914}.puzzle__row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.puzzle__bubble{background:var(--color-primary-soft);min-width:64px;height:64px;color:var(--color-primary);font-variant-numeric:tabular-nums;border-radius:20px;place-items:center;padding:0 10px;font-size:30px;font-weight:800;display:grid}.puzzle__bubble.is-q{background:var(--color-yellow);color:var(--color-ink)}.puzzle__text{margin:0;font-size:clamp(20px,2.4vw,26px);font-weight:700;line-height:1.35}.puzzle__hint{color:var(--color-ok);margin:0;font-size:20px;font-weight:800;animation:.35s cubic-bezier(.3,1.5,.5,1) pop}.recap{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;width:100%;display:grid}.recap__card{background:var(--color-canvas);color:var(--color-ink);border-radius:var(--radius-md);animation:.4s cubic-bezier(.3,1.5,.5,1) backwards pop;animation-delay:var(--d);flex-direction:column;gap:6px;padding:16px;display:flex}.recap__title{color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:800}.recap__eq{color:var(--color-primary);font-size:24px}.recap__text{font-size:15px;line-height:1.4}.scene--dense{--item:38px}.scene--dense .groups{gap:10px}.scene--dense .grp{min-width:0;padding:8px 8px 6px}.scene--dense .grp__label{letter-spacing:.03em;font-size:11px}.scene__in{flex:1;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative}.groups{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:14px;width:100%;display:flex}.grp{border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:8px;min-width:120px;padding:14px 14px 12px;transition:transform .3s,box-shadow .3s,opacity .3s;display:flex;position:relative}.grp__label{letter-spacing:.06em;text-transform:uppercase;opacity:.85;align-items:center;gap:4px;min-height:20px;font-size:13px;font-weight:800;display:flex}.grp__label .frac{font-size:15px}.grp__items{max-width:calc(var(--item) * 4 + 18px);min-height:var(--item);flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.grp--pile .grp__items{max-width:calc(var(--item) * 6 + 30px)}.grp__foot{border-radius:99px;min-height:24px;padding:2px 12px;font-size:15px;font-weight:800}.grp__foot:not(:empty){background:var(--color-canvas);color:var(--color-ink);animation:.3s pop}.grp.is-on{box-shadow:0 0 0 4px var(--color-yellow)}.grp.is-hl{box-shadow:0 0 0 5px var(--color-yellow);transform:translateY(-4px)}.grp.is-dim{opacity:.45}.it{width:var(--item);height:var(--item);background:0 0;border:0;border-radius:50%;flex-shrink:0;padding:0;position:relative}.it svg{width:100%;height:100%;animation:3s ease-in-out infinite idle;animation-delay:var(--d);display:block;position:relative}.it--alt:before{content:"";background:var(--color-yellow);opacity:.55;border-radius:50%;position:absolute;inset:-3px}.it.is-counted:after{content:attr(data-n);background:var(--color-ink);color:#fff;border-radius:99px;place-items:center;min-width:24px;height:24px;padding:0 5px;font-size:13px;font-weight:800;animation:.25s pop;display:grid;position:absolute;top:-6px;right:-6px}@keyframes idle{50%{transform:translateY(-3px)rotate(4deg)}}.scene--fudbal{color:#fff;background:repeating-linear-gradient(90deg,#3e9f55 0 64px,#45aa5d 64px 128px)}.scene--fudbal:before{content:"";pointer-events:none;border:3px solid #ffffff59;border-radius:50%;width:180px;height:180px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene--fudbal .grp{background:repeating-linear-gradient(45deg,#ffffff29 0 1.5px,#0000 1.5px 12px),repeating-linear-gradient(-45deg,#ffffff29 0 1.5px,#0000 1.5px 12px),#00000014;border:4px solid #fff;border-bottom:0;border-radius:8px 8px 0 0}.scene--fudbal .grp--pile{border-radius:var(--radius-md);background:#0000001a;border:3px dashed #ffffffb3}.scene--muzika{background:repeating-linear-gradient(180deg, transparent 0 34px, #3457e829 34px 36px), var(--color-primary-soft)}.scene--muzika .grp{border-left:4px solid var(--color-ink);border-right:4px solid var(--color-ink);background:#ffffffd1;border-radius:4px}.scene--muzika .grp--pile{border-radius:var(--radius-md);border:3px dashed #20232959}.scene--ples{background:radial-gradient(ellipse at 50% -10%, #fffffff2, transparent 60%), var(--color-lilac)}.scene--ples .grp{background:#ffffffb3;border-radius:40px;padding-inline:20px}.scene--ples .grp--pile{border:3px dashed #7b5ce673}.scene--crtanje{background:linear-gradient(#3457e814 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#3457e814 1px,#0000 1px) 0 0/24px 24px,#fffdf4}.scene--crtanje .grp{background:var(--color-yellow-soft);border:3px solid var(--color-ink);box-shadow:4px 4px 0 var(--color-ink);border-radius:12px}.scene--crtanje .grp--pile{box-shadow:none;background:0 0;border-style:dashed}.scene--zivotinje{background:linear-gradient(#e3f4fb,#bce2f2)}.scene--zivotinje .grp{background:linear-gradient(#ffffff73 0 82%,#ebd9a8 82%);border:3px solid #fffffff2;border-radius:14px;padding-bottom:18px}.scene--zivotinje .grp--pile{background:#ffffff4d;border-style:dashed}.scene--zivotinje .it svg{animation:2.6s ease-in-out infinite swim;animation-delay:var(--d)}@keyframes swim{50%{transform:translate(-5px)rotate(-5deg)}}.scene--alt .grp{box-shadow:none;background:#ffffff8c;border:3px solid #fffffff2;border-radius:20px;padding-bottom:12px}.scene--alt.scene--fudbal .grp{background:#ffffff29;border-color:#ffffffd9}.scene--alt .grp--pile{border-style:dashed}.scene--alt.scene--muzika .grp,.scene--alt.scene--crtanje .grp{border-color:#20232940}.scene__bubbles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.scene__bubbles i{border:2px solid #fffc;border-radius:50%;width:10px;height:10px;animation:7s linear infinite rise;position:absolute;bottom:-20px}@keyframes rise{to{translate:0 -480px}}.cloud{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.cloud__puff{background:var(--color-canvas);width:160px;height:110px;color:var(--color-primary);box-shadow:-46px 18px 0 -18px var(--color-canvas), 50px 14px 0 -16px var(--color-canvas);border-radius:60px;place-items:center;font-size:64px;font-weight:800;animation:3s ease-in-out infinite bob;display:grid}.cloud p{margin:0;font-size:20px;font-weight:800}.eq{background:var(--color-canvas);color:var(--color-ink);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:6px;padding:12px 24px;display:flex;box-shadow:0 6px #20232914}.eq__line{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,1.6vw,16px);font-size:clamp(30px,4.4vw,46px);font-weight:800;display:flex}.eq__line--small{color:var(--color-muted);font-size:20px}.tk{align-items:center;animation:.38s cubic-bezier(.3,1.5,.5,1) backwards tk-in;display:inline-flex}@keyframes tk-in{0%{opacity:0;transform:translateY(14px)scale(.6)}}.tk--a{color:var(--color-primary)}.tk--b{background:var(--color-yellow);border-radius:12px;padding:0 10px}.tk--r{color:var(--color-ok)}.tk--w{color:var(--color-muted);font-size:.5em;font-weight:700}.frac{vertical-align:middle;flex-direction:column;align-items:center;font-weight:800;line-height:1;display:inline-flex}.frac>span:first-child{border-bottom:.08em solid;padding:0 .12em .04em}.frac>span:last-child{padding-top:.04em}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.act{background:var(--color-ink);color:#fff;border:0;border-radius:16px;align-items:center;gap:10px;padding:14px 26px;font-size:19px;font-weight:800;transition:transform .15s,opacity .2s;display:flex}.act svg{width:20px;height:20px}.act:hover:not(:disabled){transform:translateY(-2px)}.act:disabled{opacity:.3;cursor:not-allowed}.scene--fudbal .act{color:var(--color-ink);background:#fff}.ask{flex-direction:column;gap:14px;display:flex}.ask__q{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(22px,2.6vw,28px);line-height:1.2}.ask__sub{color:var(--color-muted);margin:-6px 0 0;font-size:17px}.ask.is-locked .ch{pointer-events:none}.choices{flex-wrap:wrap;gap:12px;display:flex}.ch{border:3px solid var(--color-line);background:var(--color-canvas);font-variant-numeric:tabular-nums;border-radius:20px;min-width:92px;height:92px;padding:0 18px;font-size:38px;font-weight:800;transition:transform .15s,border-color .15s,background .15s}.ch:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-3px)}.choices--wide{flex-direction:column}.choices--wide .ch{text-align:left;height:auto;min-height:64px;padding:14px 20px;font-size:22px}.ch.is-sel{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.ch.is-ok{border-color:var(--color-ok);background:var(--color-ok-soft);color:var(--color-ok);animation:.5s cubic-bezier(.3,1.6,.5,1) hop-small}.ch.is-no{border-color:var(--color-warm-soft);background:var(--color-warm-soft);color:var(--color-warm);cursor:default}.ch.is-dim{opacity:.4}@keyframes hop-small{40%{transform:translateY(-10px)scale(1.06)}}.fb{min-height:26px;color:var(--color-muted);margin:0;font-size:18px;font-weight:700}.fb--good{color:var(--color-ok)}.fb--try{color:var(--color-warm)}.reveal{border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;gap:6px;padding:18px 20px;line-height:1.4;animation:.4s cubic-bezier(.3,1.5,.5,1) pop;display:flex}.reveal b{font-size:19px}.reveal span{color:var(--color-muted);font-size:17px}.reveal--hit{background:var(--color-ok-soft)}.reveal--hit b{color:var(--color-ok)}.trophy{text-align:center;background:var(--color-canvas);color:var(--color-ink);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:14px;max-width:520px;padding:28px;display:flex;box-shadow:0 10px #20232914}.trophy__disc{font-size:clamp(20px,2.6vw,26px);font-weight:700;line-height:1.35}.trophy__disc b{color:var(--color-primary);margin-top:6px;font-size:clamp(32px,4.6vw,44px);font-weight:800;display:block}.trophy__stars{gap:8px;display:flex}.trophy__stars svg{width:44px;height:44px}.trophy__stars .is-on{animation:.8s cubic-bezier(.3,1.6,.5,1) backwards hop;animation-delay:var(--d)}.trophy__note{color:var(--color-muted);font-weight:600}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border:2px solid var(--color-line);background:var(--color-canvas);border-radius:999px;padding:10px 16px;font-size:15px;font-weight:700}.chip.is-on{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.next-list{flex-direction:column;gap:10px;display:flex}.next-list .btn{text-align:left;justify-content:space-between}.parent-note{color:var(--color-muted);border-top:1px solid var(--color-line);margin:0;padding-top:14px;font-size:14px;line-height:1.5}.parent-note b{color:var(--color-ink)}@media (width<=880px){.lesson{grid-template-columns:minmax(0,1fr)}.lesson-row__page,.step__label{display:none}.step{padding:6px}.step.is-cur .step__label{display:inline}.mascot--big{width:88px;height:88px}:root{--item:42px}.ch{min-width:76px;height:76px;font-size:32px}}@media (width<=480px){.top{gap:10px}.steps{order:3;width:100%}.grades{grid-template-columns:repeat(2,minmax(0,1fr))}.grp{min-width:0;padding:10px}:root{--item:36px}.sticker{font-size:17px;transform:rotate(2deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.geo{background:var(--color-canvas);border-radius:var(--radius-lg);width:100%;padding:clamp(6px,1.6vw,14px);box-shadow:0 2px #20232914}.geo svg{width:100%;height:auto;font-family:inherit;display:block;overflow:visible}.geo-s{transition:transform .75s cubic-bezier(.45,0,.2,1)}.geo-name{fill:var(--color-ink);font-size:19px;font-weight:800}.geo-len{fill:var(--color-muted);paint-order:stroke;stroke:var(--color-canvas);stroke-width:5px;stroke-linejoin:round;font-size:16px;font-weight:700}.geo-len--on{fill:var(--color-ink)}.geo-span{paint-order:stroke;stroke:var(--color-canvas);stroke-width:5px;font-size:17px;font-weight:800}.geo-txt{fill:var(--color-ink);paint-order:stroke;stroke:var(--color-canvas);stroke-width:5px;stroke-linejoin:round;animation:.4s both geo-fade}.geo-txt--b{font-weight:800}.geo-hl{fill:none;opacity:.85;animation:.3s both geo-fade}.geo-s--fold{transform-box:view-box;transform-origin:0 0;transition-duration:1.1s}.geo-s--rot{transform-box:fill-box;transform-origin:50%;transition-duration:1s}.geo-grid{stroke:#c9ced8;stroke-width:1.5px}.geo-gdot{fill:var(--color-muted);opacity:.55}.geo-cell{stroke-width:2px;stroke-linejoin:round}.geo-ruler{fill:var(--color-yellow-soft);stroke:var(--color-yellow);stroke-width:2px}.geo-tick{stroke:var(--color-ink)}.geo-rnum{fill:var(--color-ink);font-size:12px;font-weight:700}.geo-slot{fill:none;stroke:var(--color-line);stroke-width:2px;stroke-dasharray:5 4}.geo-block{transform-box:fill-box;transform-origin:50%;animation:.35s cubic-bezier(.3,1.5,.5,1) both geo-pop}.geo-block rect{stroke:var(--color-primary);stroke-width:2px}.geo-btxt{fill:var(--color-primary);font-weight:800}.geo-walker{transition:transform .55s linear}.geo-walker__bg{fill:var(--color-canvas);stroke:var(--color-ink);stroke-width:2px}.geo-pulse{transform-box:fill-box;transform-origin:50%;animation:.6s ease-in-out 3 geo-pulse}.geo-s--draw .geo-k{stroke-dasharray:1;stroke-dashoffset:1px;animation:geo-draw var(--geo-dur,.8s) ease var(--geo-d,0s) forwards}.geo-s--draw .geo-f{animation:geo-fade .35s ease calc(var(--geo-d,0s) + .6s) both}.geo-s--fade{animation:.5s both geo-fade}@keyframes geo-draw{to{stroke-dashoffset:0}}@keyframes geo-fade{0%{opacity:0}}@keyframes geo-pop{0%{opacity:0;transform:scale(0)}}@keyframes geo-pulse{50%{transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.geo-s,.geo-walker{transition:none}.geo-txt,.geo-hl,.geo-block,.geo-pulse,.geo-s--fade,.geo-s--draw .geo-f{animation:none}.geo-s--draw .geo-k{stroke-dasharray:none;stroke-dashoffset:0;animation:none}}.clk,.cal--card{background:var(--color-canvas);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:10px;width:100%;max-width:420px;margin:0 auto;padding:clamp(10px,2vw,18px);display:flex;box-shadow:0 2px #20232914}.clk__face{width:100%;max-width:320px;height:auto;font-family:inherit;display:block;overflow:visible}.clk__rim{fill:var(--color-canvas);stroke:var(--color-ink);stroke-width:5px}.clk__arc{fill:var(--color-yellow);opacity:.55}.clk__tick{stroke:var(--color-line);stroke-width:2px;stroke-linecap:round}.clk__tick--big{stroke:var(--color-ink);stroke-width:3.5px}.clk__num{fill:var(--color-ink);font-size:21px;font-weight:800}.clk__min{fill:var(--color-primary);font-size:11px;font-weight:800}.clk__hand{transition:transform var(--clk-speed,.7s) cubic-bezier(.45, 0, .2, 1)}.clk__hand line{stroke-linecap:round}.clk__hand--h line{stroke:var(--color-ink);stroke-width:10px}.clk__hand--m line{stroke:var(--color-primary);stroke-width:6px}.clk__hand .clk__halo{stroke:var(--color-yellow);stroke-width:20px;opacity:.8;animation:1.1s ease-in-out infinite alternate clk-pulse}.clk__pin{fill:var(--color-ink);stroke:var(--color-canvas);stroke-width:3px}.clk__digital{background:var(--color-ink);min-width:5.2em;color:var(--color-canvas);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.04em;border-radius:12px;padding:4px 16px;font-size:clamp(22px,4.6vw,30px);font-weight:800}.clk__note{color:var(--color-ink);text-align:center;font-size:clamp(16px,3.2vw,19px);font-weight:800;animation:.35s both clk-in}.cal{width:100%}.cal__days{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.cal--grid .cal__days{grid-template-columns:repeat(var(--cols,7), minmax(0, 1fr));display:grid}.cal__d{background:var(--color-surface);border:2px solid var(--color-line);min-width:0;color:var(--color-ink);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 10px;font-size:clamp(14px,2.8vw,17px);font-weight:700;line-height:1.15;transition:background-color .3s,border-color .3s,color .3s,transform .3s;display:flex}.cal--small .cal__d{border-radius:9px;padding:5px 2px;font-size:clamp(11px,2.4vw,14px)}.cal__l{overflow-wrap:anywhere;max-width:100%}.cal__s{color:var(--color-primary);font-size:.85em;font-weight:800;animation:.35s both clk-in}.cal__d.is-done,.cal__d--ok{background:var(--color-ok-soft,var(--color-surface));border-color:var(--color-ok)}.cal__d--warm{background:var(--color-warm-soft,var(--color-surface));border-color:var(--color-warm)}.cal__d--dim{opacity:.45}.cal__d.is-hl{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-canvas);transform:scale(1.08)}.cal__d.is-hl .cal__s{color:var(--color-yellow)}@keyframes clk-pulse{0%{opacity:.45}to{opacity:.9}}@keyframes clk-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.clk__hand,.cal__d{transition:none}.clk__hand .clk__halo,.clk__note,.cal__s{animation:none}}