/* Zema Kids — colorful playful theme */
:root{--kid-pink:#ff7ca8;--kid-yellow:#ffd85a;--kid-blue:#77d7ff;--kid-green:#83df9b;--kid-purple:#b99cff;--kid-orange:#ffad68;--kid-ink:#26322c}
body{background:radial-gradient(circle at 8% 8%,rgba(255,216,90,.20),transparent 20%),radial-gradient(circle at 90% 12%,rgba(119,215,255,.20),transparent 22%),linear-gradient(180deg,#fffdf8 0%,#fff8f1 42%,#f4fbff 100%)}
.topbar{background:rgba(255,255,255,.94);box-shadow:0 6px 20px rgba(37,50,44,.08);backdrop-filter:blur(10px)}
.brand{transform:rotate(-1deg);font-size:26px}.brand span{color:#234f3c}.brand em{display:inline-block;background:linear-gradient(135deg,#ffd85a,#ffb657);border-radius:12px;padding:3px 8px;margin-left:6px;color:#684600}.topbar nav button{border-radius:999px;transition:.15s transform,.15s background}.topbar nav button:hover{background:#f2f8f5;transform:translateY(-2px)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,#ffe676 0 8%,transparent 9%),radial-gradient(circle at 93% 72%,#92e3ff 0 10%,transparent 11%),radial-gradient(circle at 74% 78%,#ffc2d5 0 9%,transparent 10%),linear-gradient(120deg,#fff1b9 0%,#dff7e6 46%,#dff3ff 100%)}
.hero:before,.hero:after{position:absolute;font-size:46px;opacity:.35;animation:zemaFloat 4s ease-in-out infinite;pointer-events:none}.hero:before{content:'⭐';left:4%;top:14%}.hero:after{content:'🌈';right:4%;bottom:10%;animation-delay:1s}.hero h1{color:#214b3a;text-shadow:0 2px 0 rgba(255,255,255,.5)}.hero p{color:#475b50}@keyframes zemaFloat{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-12px) rotate(5deg)}}
.primary,.wide,.install-btn{background:linear-gradient(135deg,#245842,#34795a);box-shadow:0 7px 0 #183f30}.secondary{background:#fff;border:2px solid #d8e5de}.primary,.secondary,.wide,.install-btn{transition:.18s transform,.18s box-shadow}.primary:hover,.secondary:hover,.wide:hover,.install-btn:hover{transform:translateY(-3px)}.primary:active,.secondary:active,.wide:active,.install-btn:active{transform:translateY(3px);box-shadow:none}
.profile-box{background:rgba(255,255,255,.92);border:2px solid #fff;box-shadow:0 18px 40px rgba(37,50,44,.12)}.profile{transition:.2s transform,.2s box-shadow;border-width:3px}.profile:nth-child(1){background:linear-gradient(145deg,#e6f6ff,#f5fbff)}.profile:nth-child(2){background:linear-gradient(145deg,#fff0d8,#fff9ee)}.profile:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 14px 26px rgba(37,50,44,.12)}.profile.active{border-color:#ffbf35;box-shadow:0 0 0 4px rgba(255,216,90,.25)}.profile.active .avatar{animation:zemaBounce 1.7s ease-in-out infinite}@keyframes zemaBounce{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(4deg)}}
.zema-coach{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:rgba(255,255,255,.94);border:3px solid #fff;border-radius:24px;padding:15px 18px;box-shadow:0 16px 34px rgba(37,50,44,.12);margin-top:4px}.zema-coach-avatar{width:68px;height:68px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#ffe778,#ffb967);font-size:40px;box-shadow:0 7px 0 #dc9842;animation:zemaBounce 2s ease-in-out infinite}.zema-coach small{display:block;color:#a07610;font-size:10px;font-weight:950;letter-spacing:.11em}.zema-coach b{display:block;font-size:21px;color:#214b3a;margin:2px 0}.zema-coach span{color:#627068;font-size:13px}.zema-coach button{border:0;border-radius:16px;background:linear-gradient(135deg,#ff8fb2,#ffbd76);padding:12px 15px;font-weight:950;color:#61352e;box-shadow:0 5px 0 #d97677}
.zema-path{max-width:1120px;margin:28px auto 0;padding:0 24px}.zema-path-head{display:flex;justify-content:space-between;align-items:end;gap:16px}.zema-path-head h2{font-size:31px;margin:5px 0}.zema-path-track{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;align-items:center;margin-top:20px;background:white;border:2px solid #edf0e9;border-radius:26px;padding:22px;box-shadow:0 12px 28px rgba(37,50,44,.08)}.zema-node{border:0;background:transparent;text-align:center;min-width:84px}.zema-node span{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e9ece8;color:#6b746e;font-size:20px;font-weight:950;border:4px solid white;box-shadow:0 0 0 2px #dce2dc}.zema-node b{display:block;margin-top:7px;font-size:14px}.zema-node small{color:#7b847e}.zema-node.current span{background:linear-gradient(145deg,#ffd95a,#ffad68);color:#5b4200;box-shadow:0 0 0 3px #ffeeb1,0 7px 0 #dc9842}.zema-node.done span{background:linear-gradient(145deg,#83df9b,#5fc67e);color:#16462c;box-shadow:0 0 0 3px #dff7e6}.zema-line{height:8px;border-radius:99px;background:#e8ece9}.zema-line.done{background:linear-gradient(90deg,#83df9b,#77d7ff)}
.metrics .metric:nth-child(1){background:#fff2c7;border-color:#f5d96f}.metrics .metric:nth-child(2){background:#e3f7ff;border-color:#9eddf5}.metrics .metric:nth-child(3){background:#e9f9eb;border-color:#a8dfb1}.metrics .metric:nth-child(4){background:#f5eaff;border-color:#ccb3f0}.metric b{color:#234f3c}
.unit-card,.lesson-card,.practice-card,.test-card,.story-card,.reward,.fidel-family{transition:.2s transform,.2s box-shadow;border-width:2px}.unit-card:hover,.lesson-card:hover,.practice-card:hover,.test-card:hover,.story-card:hover,.reward:hover,.fidel-family:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:0 16px 32px rgba(37,50,44,.13)}
.unit-card:nth-child(6n+1){background:#fff5bf;border-color:#f0d46a}.unit-card:nth-child(6n+2){background:#dff5ff;border-color:#9edcf6}.unit-card:nth-child(6n+3){background:#e6f8e9;border-color:#a9ddb3}.unit-card:nth-child(6n+4){background:#ffe8f0;border-color:#f5b3c9}.unit-card:nth-child(6n+5){background:#f1e8ff;border-color:#cab0ef}.unit-card:nth-child(6n+6){background:#ffecd9;border-color:#f4bf89}
.lesson-card:nth-child(6n+1) .lesson-visual{background:linear-gradient(135deg,#fff0a9,#ffe184)}.lesson-card:nth-child(6n+2) .lesson-visual{background:linear-gradient(135deg,#cceeff,#9ddfff)}.lesson-card:nth-child(6n+3) .lesson-visual{background:linear-gradient(135deg,#daf3de,#afe8ba)}.lesson-card:nth-child(6n+4) .lesson-visual{background:linear-gradient(135deg,#f0ddff,#d9baff)}.lesson-card:nth-child(6n+5) .lesson-visual{background:linear-gradient(135deg,#ffe0ea,#ffbcd2)}.lesson-card:nth-child(6n+6) .lesson-visual{background:linear-gradient(135deg,#ffe7d1,#ffc692)}.lesson-body button{background:#eff8f3;padding:9px 12px;border-radius:999px!important}
.practice-card:nth-child(4n+1){background:#fff1ba;border-color:#edd36d}.practice-card:nth-child(4n+2){background:#dff4ff;border-color:#a0dcef}.practice-card:nth-child(4n+3){background:#e7f8ea;border-color:#a9dcb3}.practice-card:nth-child(4n+4){background:#efe5ff;border-color:#cdb3ef}.test-card:nth-child(3n+1){background:#fff4c8;border-color:#efd879}.test-card:nth-child(3n+2){background:#e2f5ff;border-color:#a5dcee}.test-card:nth-child(3n+3){background:#eaf8e9;border-color:#b1deb1}.story-card:nth-child(4n+1){background:#ffeef3;border-color:#f3bfd0}.story-card:nth-child(4n+2){background:#e7f7ff;border-color:#addff1}.story-card:nth-child(4n+3){background:#edf9e8;border-color:#b6dda9}.story-card:nth-child(4n+4){background:#f2e9ff;border-color:#cdb7e8}
.sound{font-size:21px;background:linear-gradient(145deg,#ffe986,#ffd45a);box-shadow:0 5px 0 #d4aa28}.sound:active{transform:translateY(4px);box-shadow:0 1px 0 #d4aa28}.option{font-size:16px;transition:.15s transform,.15s box-shadow;border-width:2px}.option:hover{transform:scale(1.015);box-shadow:0 7px 14px rgba(37,50,44,.08)}.option.correct{animation:zemaCorrect .45s ease;background:#dff8e6!important;border-color:#5dba7a!important}.option.wrong{background:#ffe4e3!important;border-color:#e58c88!important}@keyframes zemaCorrect{0%{transform:scale(1)}50%{transform:scale(1.05) rotate(1deg)}100%{transform:scale(1)}}
.fidel-family:nth-child(5n+1){background:#fff5c7}.fidel-family:nth-child(5n+2){background:#e7f6ff}.fidel-family:nth-child(5n+3){background:#eaf8e9}.fidel-family:nth-child(5n+4){background:#f4eaff}.fidel-family:nth-child(5n+5){background:#ffeaf0}.fidel-form{transition:.15s transform,.15s background;border-width:2px;background:#fff}.fidel-form:hover{transform:scale(1.09) rotate(-2deg);background:#ffe77c}.big-fidel{background:linear-gradient(145deg,#fff,#fff7cf);border:4px dashed #efc14c;border-radius:26px;padding:18px;box-shadow:0 12px 26px rgba(37,50,44,.09)}
.zema-adventure{max-width:1120px;margin:0 auto;padding:34px 24px 8px}.zema-adventure-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px}.zema-adventure-head h2{margin:5px 0 0;font-size:30px}.zema-adventure-head small{color:#6f756f}.zema-streak{background:linear-gradient(135deg,#fff1b8,#ffd987);border:2px solid #ffc554;border-radius:999px;padding:9px 13px;font-weight:950;color:#8a5400;white-space:nowrap;box-shadow:0 6px 14px rgba(138,84,0,.10)}.zema-missions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.zema-mission{border:2px solid rgba(255,255,255,.9);border-radius:24px;padding:20px;text-align:left;min-height:150px;box-shadow:0 12px 28px rgba(37,50,44,.10);transition:.2s transform,.2s box-shadow}.zema-mission:hover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 18px 34px rgba(37,50,44,.15)}.zema-mission span{font-size:44px;display:block}.zema-mission b{display:block;font-size:18px;margin:9px 0 5px}.zema-mission small{color:#53605a}.zema-mission:nth-child(1){background:linear-gradient(145deg,#fff0a8,#ffe27e)}.zema-mission:nth-child(2){background:linear-gradient(145deg,#cceeff,#a7e1ff)}.zema-mission:nth-child(3){background:linear-gradient(145deg,#dff4df,#bfe9c5)}.zema-mission:nth-child(4){background:linear-gradient(145deg,#ecdfff,#d7bdff)}
.rewards .reward:nth-child(5n+1){background:#fff3bf}.rewards .reward:nth-child(5n+2){background:#dff4ff}.rewards .reward:nth-child(5n+3){background:#e4f7e8}.rewards .reward:nth-child(5n+4){background:#f2e7ff}.rewards .reward:nth-child(5n+5){background:#ffe8ef}.reward.locked{filter:grayscale(.55);opacity:.48}
.zema-celebrate{position:fixed;inset:0;display:grid;place-items:center;background:rgba(24,40,33,.14);backdrop-filter:blur(3px);z-index:99999;opacity:0;pointer-events:none;transition:.2s opacity}.zema-celebrate.show{opacity:1}.zema-celebrate-card{background:linear-gradient(145deg,#fff,#fff5c8);border:4px solid #f0c54f;border-radius:28px;padding:28px 32px;text-align:center;box-shadow:0 25px 60px rgba(0,0,0,.18);transform:scale(.7) rotate(-2deg);transition:.25s transform}.zema-celebrate.show .zema-celebrate-card{transform:scale(1) rotate(0)}.zema-celebrate-stars{font-size:44px;animation:zemaWiggle .6s ease infinite alternate}.zema-celebrate-card strong{display:block;font-size:26px;margin-top:8px;color:#214b3a}.zema-celebrate-card span{display:block;color:#6f756f;margin-top:4px}@keyframes zemaWiggle{from{transform:rotate(-5deg) scale(1)}to{transform:rotate(5deg) scale(1.08)}}
@media(max-width:920px){.zema-missions{grid-template-columns:repeat(2,1fr)}.zema-path-track{grid-template-columns:1fr;gap:8px}.zema-line{width:8px;height:20px;margin:auto}.zema-coach{grid-template-columns:auto 1fr}.zema-coach button{grid-column:1/-1}}
@media(max-width:700px){.zema-missions{grid-template-columns:1fr 1fr;gap:10px}.zema-mission{min-height:132px;padding:15px}.zema-mission span{font-size:35px}.zema-mission b{font-size:15px}.zema-adventure-head,.zema-path-head{align-items:flex-start;flex-direction:column}.hero h1{font-size:43px}.topbar{padding-left:16px;padding-right:16px}.zema-coach-avatar{width:58px;height:58px;font-size:34px}.zema-coach b{font-size:18px}}