/* Tabloora English 6.0 — warm cookie palette and Kuki mascot system */
:root{
  --bg:#fff8e7;--surface:#fffdf6;--surface-2:#fff4d6;--text:#3b281b;--muted:#806b59;
  --primary:#d88716;--primary-2:#f2b632;--primary-soft:#fff0bd;--green:#41ad72;--green-soft:#e8f8ee;
  --orange:#e97923;--red:#d85c58;--blue:#4e91c8;--border:#ead7b7;--shadow:0 15px 34px rgba(112,72,30,.12);
  --v5-navy:#563317;--v5-purple:#c97813;--v5-green:#58b776;--v5-gold:#ffd35b;
}
html{background:#fff8e7}body{background:radial-gradient(circle at 10% 10%,rgba(255,218,100,.14),transparent 28%),radial-gradient(circle at 92% 26%,rgba(211,139,34,.1),transparent 24%),var(--bg)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.24;background-image:radial-gradient(circle,#d89b42 1.2px,transparent 1.4px);background-size:38px 38px}
.sidebar{background:#fffaf0;border-color:#ead7b7}.topbar{background:rgba(255,248,231,.9);border-color:#ead7b7}.brand-mark{background:#fff1c8!important;box-shadow:0 8px 18px rgba(126,78,24,.16)!important;padding:0;overflow:hidden;border:2px solid #efc56b}.brand-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.12)}.brand-copy small{color:#c87512}.nav-item.active{background:linear-gradient(135deg,#fff0b4,#ffe19a);color:#7b4715}.nav-item:hover{background:#fff2d3}.level-chip.active{background:linear-gradient(135deg,#dc8b18,#f1b830);color:#3d250d}.stat-pill{background:#fffaf0;border-color:#ead7b7}.kuki-crumb-pill{background:#fff1b8!important;border-color:#e6bb55!important;color:#6e4316}.avatar{background:linear-gradient(135deg,#e2911b,#f6c548)!important;color:#3a230c!important}.card{border-color:#ead7b7;background:rgba(255,253,246,.96)}
.primary-btn{background:linear-gradient(135deg,#e18b16,#f0b52e)!important;color:#3a230b!important;border-color:#d47d0f!important;box-shadow:0 5px 0 #b86810,0 12px 22px rgba(193,111,16,.18)}.primary-btn:hover{transform:translateY(-2px)}.primary-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #b86810}.secondary-btn{background:#fff8df!important;border-color:#e4c47a!important;color:#6a421c!important}.eyebrow{color:#aa6413!important}.tag,.day-badge{background:#fff0bd!important;color:#835116!important;border-color:#efd28b!important}
.v5-trust-strip{background:#fff7d8;border-color:#ecd087;color:#6b451e}.v5-trust-strip a,.top-support{background:#ffe29c!important;color:#6b3e12!important;border-color:#e9bd57!important}.top-support:hover{transform:translateY(-1px)}
.v5-lesson-hero{background:radial-gradient(circle at 82% 16%,rgba(255,226,111,.45),transparent 28%),linear-gradient(140deg,#70451d 0%,#a9651b 54%,#e0a128 100%);box-shadow:0 22px 56px rgba(101,57,20,.22)}.v5-hero-copy>p:not(.eyebrow),.v5-confidence p{color:#fff4d8}.v5-hero-trust span{background:rgba(255,250,225,.15);border-color:rgba(255,250,225,.25)}.v5-primary-cta{background:linear-gradient(135deg,#ffe788,#ffc949);color:#4f3010;box-shadow:0 7px 0 #c27a12,0 15px 35px rgba(99,56,17,.25)}.v5-primary-cta:hover{box-shadow:0 9px 0 #c27a12,0 18px 38px rgba(99,56,17,.28)}.v5-path-button{background:rgba(255,248,218,.14);border-color:rgba(255,248,218,.28)}
.v5-progress-orbit{isolation:isolate}.v5-progress-orbit:before{content:"";position:absolute;inset:5px 20px 35px;background:url('assets/kuki-happy.svg') center/contain no-repeat;z-index:-1;filter:drop-shadow(0 15px 18px rgba(63,35,12,.2));animation:kukiFloat 3.8s ease-in-out infinite}.v5-level-ring{width:112px;height:112px;position:absolute;right:8px;bottom:3px;box-shadow:inset 0 0 0 11px rgba(87,50,20,.84),0 12px 28px rgba(0,0,0,.17)}.v5-level-ring strong{font-size:26px}.v5-orbit-card{min-width:68px;background:#fff8df}.v5-orbit-card:nth-of-type(2){top:2%;left:2%}.v5-orbit-card:nth-of-type(3){top:3%;right:0}.v5-orbit-card:nth-of-type(4){bottom:2%;left:4%;right:auto}
.kuki-mascot{display:block;width:clamp(90px,12vw,180px);height:auto;object-fit:contain;filter:drop-shadow(0 9px 12px rgba(91,54,22,.15))}.kuki-coach-card{display:grid;grid-template-columns:minmax(130px,.35fr) minmax(0,1.65fr);gap:20px;align-items:center;margin-top:18px;overflow:hidden;background:linear-gradient(135deg,#fff2bd,#fffdf7 48%,#ffe4a2);position:relative}.kuki-coach-card:after{content:"🍪";position:absolute;right:-18px;top:-24px;font-size:100px;opacity:.08;transform:rotate(18deg)}.kuki-coach-art{display:grid;place-items:center}.kuki-coach-copy h2{font-size:clamp(20px,3vw,31px);margin:5px 0 8px}.kuki-joke{margin:0;color:#755838;font-weight:700}.kuki-mini-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.kuki-mini-metrics span{display:grid;min-width:95px;padding:9px 12px;border:1px solid #eacb83;border-radius:13px;background:rgba(255,255,255,.66)}.kuki-mini-metrics b{font-size:18px}.kuki-mini-metrics small{color:#806b59;font-size:10px}
.kuki-week-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;background:linear-gradient(135deg,#fffdf6,#fff3cc)}.kuki-week-card h2{margin:5px 0;font-size:20px}.kuki-week-trail{display:flex;gap:8px;flex-wrap:wrap}.kuki-week-trail span{display:grid;place-items:center;gap:3px;min-width:48px;padding:8px 6px;border-radius:14px;background:#f0e4ce;filter:grayscale(1);opacity:.55}.kuki-week-trail span.lit{background:#fff0ad;filter:none;opacity:1;box-shadow:0 5px 12px rgba(177,108,20,.15);animation:kukiPop .5s ease both}.kuki-week-trail i{font-style:normal;font-size:22px}.kuki-week-trail small{font-size:9px;color:#72583d}
.kuki-extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.kuki-jar-card{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;background:linear-gradient(135deg,#fff7dc,#fffdf7);overflow:hidden}.kuki-jar-card h2,.kuki-challenge-card h2{margin:5px 0 8px;font-size:21px}.kuki-jar-card p:not(.eyebrow){color:var(--muted);line-height:1.45}.kuki-jar-visual{position:relative;width:130px;height:145px;margin:auto}.jar-lid{position:absolute;z-index:3;left:17px;top:5px;width:96px;height:20px;border-radius:8px 8px 5px 5px;background:#9c5c26;border:4px solid #6f3e1d}.jar-body{position:absolute;left:8px;top:22px;width:114px;height:116px;border:5px solid #c9822f;border-radius:18px 18px 33px 33px;background:rgba(255,234,161,.45);overflow:hidden;box-shadow:inset 0 0 0 5px rgba(255,255,255,.35)}.jar-body span{position:absolute;left:calc(10px + (var(--i) % 3)*31px);bottom:calc(7px + (var(--i) / 3)*25px);font-size:25px;transform:rotate(calc((var(--i) - 3)*7deg))}.kuki-jar-card.ready .jar-lid{animation:kukiLid 1.5s ease-in-out infinite}.kuki-jar-card.claimed{opacity:.75}.kuki-jar-button:disabled{box-shadow:none!important;transform:none!important;background:#eadbbd!important;color:#8e7659!important;border-color:#d2b98e!important}
.kuki-challenge-card{display:grid;grid-template-columns:135px 1fr;gap:15px;align-items:center;background:linear-gradient(135deg,#fff3c2,#fffdf6)}.kuki-challenge-card .kuki-mascot{width:130px}.kuki-challenge-card p:not(.eyebrow){color:var(--muted);line-height:1.5}
.v5-gap-hunt{padding-left:150px!important;position:relative}.v5-gap-hunt:before{content:"";position:absolute;left:13px;bottom:10px;width:135px;height:135px;background:url('assets/kuki-detective.svg') center/contain no-repeat}.v5-speaking-lock{position:relative;overflow:hidden}.v5-speaking-lock:after{content:"";position:absolute;right:10px;bottom:-18px;width:130px;height:130px;background:url('assets/kuki-study.svg') center/contain no-repeat;opacity:.88}.v5-speaking-lock>div:nth-child(2){padding-right:125px}.v5-speaking-ready{background:radial-gradient(circle at 88% 20%,rgba(255,225,105,.34),transparent 27%),linear-gradient(135deg,#6d421c,#b66e1b);position:relative;overflow:hidden}.v5-speaking-ready:after{content:"";position:absolute;right:95px;bottom:-16px;width:145px;height:145px;background:url('assets/kuki-speak.svg') center/contain no-repeat}.v5-speaking-ready>div:first-child{position:relative;z-index:2;padding-right:120px}.v5-speaking-meter{background:conic-gradient(#ffd55b min(100%,var(--speaking,60%)),rgba(255,255,255,.16) 0);box-shadow:inset 0 0 0 14px rgba(83,48,18,.84);position:relative;z-index:2}.v5-commitment{background:linear-gradient(135deg,#fff8df,#fffdf7,#fff1c1)}.v5-roadmap-mini span.active{background:#75451d;border-color:#75451d}.support-banner{background:linear-gradient(135deg,#5d3517,#8a511d);color:#fff}.support-button,.support-anchor{background:#ffd45d!important;color:#4b2b0f!important;border-color:#ffd45d!important}
.kuki-task-coach{display:flex;align-items:center;gap:13px;margin:12px 0 18px;padding:11px 14px;border-radius:17px;background:#fff4cb;border:1px solid #e7c879;text-align:left}.kuki-task-coach .kuki-mascot{width:72px;flex:0 0 72px}.kuki-task-coach b{display:block;color:#7c4813}.kuki-task-coach p{margin:4px 0 0!important;color:#71593d!important;font-size:13px;line-height:1.45}.kuki-result{display:flex;align-items:center;gap:9px;max-width:620px}.kuki-result .kuki-mascot{width:58px;flex:0 0 58px}.kuki-result>span{display:grid;gap:2px}.kuki-result small{font-size:10px;color:inherit;opacity:.8}.lesson-footer:has(.kuki-result){min-height:84px}.kuki-finish-mascot{display:grid;place-items:center}.kuki-finish-mascot .kuki-mascot{width:165px}.kuki-finish-note{max-width:520px;margin:0 auto 18px!important;padding:12px 15px;border-radius:14px;background:#fff1bd;color:#704719!important;font-weight:800}
.kuki-profile-welcome,.kuki-stats-banner{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:center;margin-bottom:18px;background:linear-gradient(135deg,#fff1bb,#fffdf7)}.kuki-profile-welcome h2,.kuki-stats-banner h2{margin:5px 0}.kuki-profile-welcome p,.kuki-stats-banner p{color:var(--muted)}
.global-onboarding-hero{background:radial-gradient(circle at 75% 18%,rgba(255,225,102,.4),transparent 28%),linear-gradient(145deg,#69401d,#b46c1d 60%,#dda129);position:relative;overflow:hidden}.global-onboarding-hero:after{content:"";position:absolute;right:-20px;bottom:-20px;width:245px;height:245px;background:url('assets/kuki-happy.svg') center/contain no-repeat;opacity:.94}.global-onboarding-hero>*{position:relative;z-index:1;max-width:80%}.language-card.active{border-color:#d98b18;box-shadow:0 0 0 3px rgba(217,139,24,.14);background:#fff8dc}.free-trust-box{background:#fff7d7;border-color:#edd18e}.word-journey-hero{background:linear-gradient(135deg,#6b411c,#b76d1b);position:relative;overflow:hidden}.word-target-ring{background:conic-gradient(#ffd35b var(--word-progress,0%),rgba(255,255,255,.16) 0);box-shadow:inset 0 0 0 12px rgba(86,49,18,.82)}
.choice.selected,.match-btn.selected{border-color:#d88a18!important;background:#fff0bb!important}.choice.correct,.match-btn.matched{background:#e7f7e9!important;border-color:#56ae72!important}.choice.wrong,.match-btn.wrong{background:#fff0ec!important;border-color:#d9685f!important}.progress-bar i,.mini-progress i{background:linear-gradient(90deg,#e28d16,#f4c441)!important}.v5-momentum-bar i{background:linear-gradient(90deg,#d57d11,#ffd35b)!important}.flashcard{background:linear-gradient(145deg,#70431e,#a86925)!important}.game-card:hover{border-color:#e0b75f!important;background:#fff8df!important}.game-icon,.kpi-icon{background:#fff0bd!important}
@keyframes kukiFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes kukiPop{0%{transform:scale(.55)}70%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes kukiLid{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(-4deg)}}
@media(max-width:1100px){.kuki-extra-grid{grid-template-columns:1fr}.kuki-week-card{align-items:flex-start;flex-direction:column}.v5-gap-hunt{padding-left:140px!important}}
@media(max-width:760px){
  body:before{opacity:.16;background-size:30px 30px}.v5-progress-orbit:before{display:none}.kuki-coach-card{grid-template-columns:92px 1fr;padding:16px}.kuki-coach-card .kuki-mascot{width:94px}.kuki-coach-copy h2{font-size:19px}.kuki-joke{font-size:12px}.kuki-mini-metrics{display:grid;grid-template-columns:repeat(3,1fr)}.kuki-mini-metrics span{min-width:0;padding:8px}
  .kuki-week-card{padding:16px}.kuki-week-trail{display:grid;grid-template-columns:repeat(7,1fr);width:100%;gap:4px}.kuki-week-trail span{min-width:0;padding:6px 2px}.kuki-week-trail i{font-size:18px}.kuki-week-trail small{font-size:8px}
  .kuki-jar-card,.kuki-challenge-card{grid-template-columns:92px 1fr;padding:16px}.kuki-jar-visual{transform:scale(.67);width:92px;height:105px;transform-origin:center}.kuki-challenge-card .kuki-mascot{width:95px}.kuki-jar-card h2,.kuki-challenge-card h2{font-size:17px}.kuki-jar-card p:not(.eyebrow),.kuki-challenge-card p:not(.eyebrow){font-size:12px}
  .v5-gap-hunt{padding-left:16px!important;padding-top:120px!important}.v5-gap-hunt:before{left:50%;top:0;bottom:auto;transform:translateX(-50%);width:115px;height:115px}.v5-speaking-lock:after{opacity:.25}.v5-speaking-lock>div:nth-child(2){padding-right:0}.v5-speaking-ready:after{right:-15px;opacity:.28}.v5-speaking-ready>div:first-child{padding-right:0}.kuki-task-coach{padding:9px}.kuki-task-coach .kuki-mascot{width:58px;flex-basis:58px}.lesson-footer:has(.kuki-result){min-height:98px}.kuki-result .kuki-mascot{width:52px;flex-basis:52px}.kuki-profile-welcome,.kuki-stats-banner{grid-template-columns:95px 1fr;padding:16px}.kuki-profile-welcome .kuki-mascot,.kuki-stats-banner .kuki-mascot{width:95px}.global-onboarding-hero:after{width:180px;height:180px;right:-35px;opacity:.5}.global-onboarding-hero>*{max-width:100%}.bottom-nav{background:#fffaf0!important;border-color:#ead7b7!important}
}
@media(max-width:420px){.kuki-coach-card{grid-template-columns:1fr;text-align:center}.kuki-coach-art{height:90px}.kuki-coach-card .kuki-mascot{width:110px;transform:translateY(-10px)}.kuki-mini-metrics{text-align:left}.kuki-jar-card,.kuki-challenge-card{grid-template-columns:1fr;text-align:center}.kuki-jar-visual{margin-bottom:-15px}.kuki-challenge-card>div:first-child{height:85px;display:grid;place-items:center}.kuki-challenge-card .kuki-mascot{width:105px}.kuki-profile-welcome,.kuki-stats-banner{grid-template-columns:1fr;text-align:center}.kuki-profile-welcome .kuki-mascot,.kuki-stats-banner .kuki-mascot{margin:auto}.kuki-task-coach{align-items:flex-start}.kuki-task-coach p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.v5-progress-orbit:before,.kuki-jar-card.ready .jar-lid,.kuki-week-trail span.lit{animation:none!important}}
@media(max-width:720px){
  .top-stats .stat-pill{display:none!important}
  .top-stats .kuki-crumb-pill,.top-stats [data-action="streak-info"]{display:flex!important}
}
.kuki-compact-banner{display:grid;grid-template-columns:105px 1fr;gap:16px;align-items:center;margin-bottom:18px;padding:16px 20px;background:linear-gradient(135deg,#fff0b8,#fffdf6)}.kuki-compact-banner .kuki-mascot{width:100px}.kuki-compact-banner h2{margin:4px 0 5px;font-size:20px}.kuki-compact-banner p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.45}@media(max-width:520px){.kuki-compact-banner{grid-template-columns:76px 1fr;padding:13px}.kuki-compact-banner .kuki-mascot{width:74px}.kuki-compact-banner h2{font-size:16px}.kuki-compact-banner p:not(.eyebrow){font-size:11px}}
.global-onboarding-hero .logo-big{width:112px;height:112px;display:grid;place-items:center;border-radius:32px;background:rgba(255,250,225,.18);border:1px solid rgba(255,250,225,.3)}.global-onboarding-hero .logo-big img{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(70,38,12,.2))}