@charset "utf-8";
:root{--ink:#26334a;--muted:#65728a;--blue:#173a60;--deep:#102942;--gold:#b88738;--cream:#f0fff8;--paper:#fff;--line:#e8e4dc;--green:#23765f;--red:#b4444b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f5f0;color:var(--ink);font:15px/1.75 'Noto Sans Sinhala','Iskoola Pota',system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #8d4ad9;outline-offset:3px}a{color:var(--blue)}.app{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.side{background:var(--deep);color:#fff;padding:22px 14px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;gap:10px;align-items:center;color:white;font:800 23px/1.2 Georgia,serif;padding:10px;margin-bottom:22px}.brand .cross{font-size:36px;color:#7ac3e7}.brand small{display:block;font:12px system-ui;color:#adc7d4;margin-top:6px}.nav{display:grid;gap:5px}.nav button{width:100%;text-align:left;background:transparent;color:#d7e1eb;border:0;border-radius:9px;padding:11px 12px}.nav button.active,.nav button:hover{background:#294d70;color:#fff}.main{min-width:0}.topbar{padding:15px 30px;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid var(--line);gap:12px}.topbar .right{display:flex;align-items:center;gap:12px}.menu{display:none}.content{max-width:1190px;margin:auto;padding:30px}.hero{background:linear-gradient(#173a60eF,#173a60eF),linear-gradient(transparent,transparent);color:white;border-radius:18px;padding:42px 38px;position:relative;overflow:hidden}.hero:after{content:'\271d ';position:absolute;right:6%;top:-75px;font:300px Georgia;color:#ffffff15;pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;color:#ab7edf}.hero h1{font-size:clamp(24px,3vw,40px);line-height:1.6;max-width:720px;margin:14px 0}.hero p{max-width:660px;color:#e1e9ef}.hero .btn{background:#72e3ab;color:#182b3c}.view{display:none}.view.active{display:block}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:22px 0}.stat,.panel,.lesson-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:19px;box-shadow:0 8px 25px #26334a08}.stat strong{font:800 27px Georgia;color:var(--blue);display:block}.stat span,.muted{color:var(--muted)}h2{font-size:24px;color:var(--blue);line-height:1.6;margin:25px 0 15px}h3{line-height:1.7}p{line-height:2}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.lesson-card{display:flex;flex-direction:column;gap:10px}.lesson-card h3{margin:0;font-size:17px}.lesson-card p{margin:0;color:var(--muted);font-size:13px;flex:1}.tag{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:.6px}.btn{display:inline-block;border:0;border-radius:9px;background:var(--blue);color:#fff;padding:10px 18px;font-weight:700;text-decoration:none}.btn.alt{background:#e5dcf0;color:#604c31}.btn.light{background:white;color:var(--blue)}.btn.warn{background:#fff1f1;color:var(--red)}.btn:disabled{opacity:.55;cursor:not-allowed}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.field{background:#fff;border:1px solid #d9dedf;border-radius:9px;padding:10px 12px;min-width:150px;max-width:100%}.field.wide{flex:1;min-width:180px}.two{display:grid;grid-template-columns:2fr 1fr;gap:18px}.notes{font-size:1em}.notes p{padding:13px 16px;background:#f9f8f4;border-left:3px solid #63afd5;border-radius:6px}.reader img{width:100%;max-width:850px;height:auto;display:block;margin:12px auto;box-shadow:0 8px 24px #0002}.reader{background:#e7e5e1;padding:12px;border-radius:12px}.option{display:block;border:1px solid #dbe1e6;border-radius:9px;padding:11px;margin:9px 0;cursor:pointer;background:#fff}.option:has(input:checked){border-color:var(--gold);background:#f5ecff}.option.correct{border-color:#55aa8e;background:#eaf9f3}.option.wrong{border-color:#d57d7d;background:#fff1f1}.feedback{background:#f1f7fb;border-left:4px solid var(--blue);padding:13px;margin:14px 0;border-radius:7px}.flash{background:linear-gradient(#143657,#143657);border:2px solid #63afd5;border-radius:18px;color:white;min-height:250px;padding:36px;text-align:center;display:grid;place-content:center;cursor:pointer}.flash strong{font-size:22px;line-height:2}.examtop{position:sticky;top:0;z-index:5;background:var(--deep);color:white;border-radius:9px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.palette{display:flex;flex-wrap:wrap;gap:6px}.palette button{width:37px;height:37px;border:1px solid #ccd4dc;background:#fff;border-radius:8px}.palette button.answered{background:#d4efe5}.palette button.current{outline:2px solid var(--gold)}.answer{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff}.answer textarea{width:100%;min-height:90px;resize:vertical}.notice{background:#e7fff3;border-left:4px solid var(--gold);padding:14px;border-radius:7px;margin:20px 0}.hidden{display:none!important}.progress{height:9px;background:#e6e9eb;border-radius:20px;overflow:hidden}.progress i{display:block;height:100%;background:var(--gold)}.center{text-align:center}.focus .side,.focus .topbar{display:none}.focus .app{display:block}.focus .content{max-width:850px}.focus .notes{font-size:1.16em}.teacher-table{width:100%;border-collapse:collapse}.teacher-table td,.teacher-table th{padding:9px;text-align:left;border-bottom:1px solid var(--line)}.scroll{overflow:auto}.foot{padding:30px;text-align:center;color:var(--muted);font-size:12px}.prayer{font-style:italic;background:#e8f6fd;border-left:3px solid var(--gold);padding:15px}.student-badge{font-size:12px;color:var(--blue)}@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}}@media(max-width:720px){.app{display:block}.side{position:fixed;z-index:30;left:-265px;top:0;width:255px;transition:left .2s}.side.open{left:0}.menu{display:inline-block}.topbar{padding:12px 16px}.content{padding:17px}.hero{padding:26px}.grid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:12px}.stat strong{font-size:22px}}@media(prefers-reduced-motion:no-preference){.lesson-card{transition:transform .2s}.lesson-card:hover{transform:translateY(-4px)}}@media print{.side,.topbar,.toolbar,.btn,.foot{display:none!important}.app{display:block}.content{padding:0}.panel{box-shadow:none}.view{display:none!important}.view.active{display:block!important}}

/* FaithQuest 5 \2013  joyful, Catholic-inspired, child-friendly visual language */
:root{--ink:#30304f;--muted:#77738f;--blue:#6044d5;--deep:#392982;--gold:#ffb63e;--cream:#fffaf2;--paper:#fff;--line:#eee9ff;--green:#15a78b;--red:#61ecc9;--shadow:0 15px 40px rgba(76,49,144,.09)}
body{background:linear-gradient(transparent,transparent),linear-gradient(transparent,transparent),#f9f8ff;color:var(--ink)}
.side{background:linear-gradient(#6249d9,#6249d9);padding:24px 16px;box-shadow:6px 0 28px #5139b91b}.brand{font-family:system-ui,sans-serif;font-size:25px;letter-spacing:-1px;padding:9px 8px 18px}.brand small{color:#e5dcff;letter-spacing:0;font-size:11px}.brand-symbol{display:grid;place-items:center;width:51px;height:51px;border-radius:17px;background:linear-gradient(#c5ecff,#c5ecff);color:#7551cb!important;font-size:32px!important;box-shadow:0 7px 0 #281d724a}.brand-star{color:#8affc4}.nav{gap:8px}.nav button{border-radius:15px;padding:13px 14px;font-weight:750;color:#f0eaff;transition:background .18s,transform .18s}.nav button:hover{background:#ffffff25;transform:translateX(3px)}.nav button.active{background:#fff;color:#5d42cc;box-shadow:0 8px 19px #24116b3b}.side .sidebar-prayer{background:#ffffff1b;border:1px solid #ffffff3c;border-radius:17px;border-left:4px solid #b472ff;color:#fff!important;font-style:normal;line-height:2.1;margin-top:24px!important}.sidebar-prayer small{color:#d6b2ff}
.topbar{background:#ffffffd9;backdrop-filter:blur(14px);border-bottom:1px solid #eee9ff;box-shadow:0 3px 17px #5845ad0a}.topbar strong{color:#5944b2}.student-badge{background:#f0ebff;color:#6a4bd4;padding:8px 13px;border-radius:99px;font-weight:800}.content{max-width:1310px;padding:27px 30px}.hero{background:linear-gradient(#7254e7,#7254e7);border-radius:30px;min-height:425px;padding:40px 32px 40px 45px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:10px;box-shadow:0 22px 50px #7053d43a;isolation:isolate}.hero:before{content:'';position:absolute;width:410px;height:410px;border-radius:50%;background:#ffffff13;top:-230px;left:-130px;pointer-events:none}.hero:after{content:'';position:absolute;width:240px;height:240px;border:2px dashed #ffffff2e;border-radius:50%;top:200px;right:-70px;pointer-events:none}.hero-copy{position:relative;z-index:2}.hero .eyebrow{display:inline-flex;gap:10px;align-items:center;background:#ffffff2d;border:1px solid #ffffff40;padding:7px 15px;border-radius:50px;color:#b9ffee;font-size:11px;letter-spacing:1.5px}.hero-kicker{margin-top:22px;font-weight:850;color:#c3fff0;font-size:15px}.hero h1{font-family:'Noto Sans Sinhala','Iskoola Pota',system-ui,sans-serif;font-size:clamp(25px,3.1vw,42px);line-height:1.75;max-width:660px;margin:10px 0 12px;color:#fff;font-weight:900;letter-spacing:-.6px}.hero h1 span{color:#d3adff;text-shadow:0 3px 0 #46309844}.hero p{color:#f7f2ff;font-size:14px;line-height:2.15;max-width:590px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:24px 0 17px}.hero .hero-primary{background:#aa5fff;color:#483276;border-radius:15px;padding:13px 22px;box-shadow:0 6px 0 #c58b40;font-size:14px}.hero .hero-primary:hover{background:#85ffe1;transform:translateY(-2px)}.hero .hero-secondary{background:#ffffff27;color:#fff;border:1px solid #ffffff78;border-radius:15px;padding:13px 22px}.hero-pillrow{display:flex;gap:8px;flex-wrap:wrap}.hero-pillrow span{font-size:11px;background:#ffffff21;color:#fff;padding:5px 12px;border-radius:30px}.hero-art{position:relative;min-width:0;z-index:1;align-self:center}.hero-art img{width:110%;max-width:550px;display:block;margin-left:-5%;filter:drop-shadow(0 13px 17px #412e8142);animation:heroFloat 5s ease-in-out infinite}.art-sparkle{position:absolute;color:#d1a9ff;font-size:30px;animation:twinkle 2.5s ease-in-out infinite}.art-sparkle.a1{left:9%;top:9%}.art-sparkle.a2{right:4%;top:27%;animation-delay:.8s}.art-sparkle.a3{right:18%;bottom:8%;animation-delay:1.5s}
.adventure-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:25px 0}.adventure-link{border:0;min-height:116px;border-radius:23px;padding:19px 13px;display:flex;align-items:center;gap:11px;text-align:left;position:relative;box-shadow:0 7px 0 #4b3c9c12,0 10px 24px #5845ad12;transition:transform .2s,box-shadow .2s}.adventure-link:hover{transform:translateY(-5px);box-shadow:0 12px 0 #4b3c9c0a,0 20px 30px #5845ad21}.adventure-link:active{transform:translateY(1px)}.adventure-link.purple{background:#e9e0ff;color:#5c3cb7}.adventure-link.pink{background:#efe1ff;color:#b67d3b}.adventure-link.yellow{background:#dcbdff;color:#91631b}.adventure-link.blue{background:#dff3ff;color:#3376a5}.adventure-emoji{display:grid;place-items:center;flex-shrink:0;width:53px;height:53px;border-radius:16px;background:#ffffff9c;font-size:28px}.adventure-link b{display:block;font-size:14px;line-height:1.5}.adventure-link small{display:block;font-size:11px;margin-top:6px;opacity:.75;line-height:1.6}.adventure-arrow{position:absolute;top:10px;right:13px;font-weight:900;font-size:18px;opacity:.6}.daily-mission{background:linear-gradient(#d9fff6,#d9fff6);border:2px solid #a1ffe8;box-shadow:0 10px 24px #4da4cf1a;border-radius:22px;display:flex;align-items:center;gap:18px;padding:19px 23px;margin:12px 0 24px}.mission-icon{width:67px;height:67px;display:grid;place-items:center;border-radius:20px;background:#a0ffe7;font-size:35px;flex-shrink:0}.mission-eyebrow{font-size:10px;color:#a46c22;letter-spacing:1.7px;font-weight:900}.daily-mission h3{font-size:17px;margin:2px 0;color:#775326}.daily-mission p{font-size:12px;margin:0;color:#8c795c;line-height:1.7}.mission-btn{margin-left:auto;background:#ffb73c;color:#6d4710;border-radius:14px;white-space:nowrap;box-shadow:0 5px 0 #d78e26}.stats{gap:14px;margin:20px 0}.stat,.panel,.lesson-card{border:1px solid #eee9ff;border-radius:20px;box-shadow:var(--shadow)}.stat{padding:20px;background:#fff}.stat:nth-child(1){background:#eee7ff}.stat:nth-child(2){background:#e0f7ff}.stat:nth-child(3){background:#fff1dc}.stat:nth-child(4){background:#fff4e8}.stat strong{font-family:system-ui,sans-serif;font-size:31px;color:#5841bf}.stat:nth-child(2) strong{color:#2686b4}.stat:nth-child(3) strong{color:#b87b24}.stat:nth-child(4) strong{color:#8d56cc}.stat span{font-weight:700;font-size:12px}.notice{border-radius:17px;background:#f1f0ff;border-left:5px solid #9880ec;color:#6c6487}.section-title{display:flex;align-items:center;gap:12px;margin:22px 0 17px}.section-title h2{margin:0;color:#49388f}.section-icon{display:grid;place-items:center;width:57px;height:57px;background:#bfeaff;border-radius:17px;font-size:31px}.section-eyebrow{color:#9b7de6;font-size:10px;letter-spacing:2px}.lesson-card{background:#fff;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;padding:23px}.lesson-card:before{content:'\2726 ';position:absolute;top:-28px;right:-9px;font-size:85px;color:#bba8f71b}.lesson-card:nth-child(4n+1){border-top:5px solid #8b6af1}.lesson-card:nth-child(4n+2){border-top:5px solid #cb9eff}.lesson-card:nth-child(4n+3){border-top:5px solid #b06bff}.lesson-card:nth-child(4n+4){border-top:5px solid #6ad9c1}.lesson-card:hover{transform:translateY(-5px);box-shadow:0 19px 32px #6d56b124}.lesson-card h3{color:#4b3c85}.lesson-card .btn{border-radius:12px}.tag{color:#8a64da}.btn{border-radius:12px;background:#6b50da;transition:transform .16s,filter .16s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.alt{background:#eee9ff;color:#5b44ba}.prayer{border-radius:14px;background:#e5f6ff;border-left:4px solid #ffbc5a}.flash{border-radius:25px;background:linear-gradient(#7754e5,#7754e5);box-shadow:0 14px 30px #6d4dbf39;color:#fff}.flash .tag{color:#9dffce}.progress{background:#e8e1fa}.progress i{background:linear-gradient(#8a6af0,#8a6af0)}.examtop{border-radius:16px}.foot{color:#847b9e}
@keyframes heroFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes twinkle{0%,100%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}
@media(max-width:1180px){.adventure-links{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1.2fr .8fr}.hero-art img{width:125%}}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{position:absolute;right:0;bottom:5px;width:40%;opacity:.5}.hero-copy{max-width:80%}.hero-art img{width:100%}.hero{min-height:365px}}@media(max-width:720px){.content{padding:15px}.hero{padding:26px 20px;border-radius:23px;min-height:0}.hero-copy{max-width:100%}.hero-art{display:none}.hero h1{font-size:clamp(24px,6vw,33px)}.hero-kicker{font-size:12px}.hero p{font-size:12px}.hero-actions{gap:9px}.hero .hero-primary,.hero .hero-secondary{padding:12px 13px;font-size:12px}.adventure-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:17px 0}.adventure-link{padding:15px 11px;gap:8px;min-height:109px;border-radius:16px;flex-direction:column;align-items:flex-start}.adventure-emoji{width:43px;height:43px;font-size:23px;border-radius:13px}.adventure-link b{font-size:12px}.adventure-link small{font-size:10px;margin-top:2px}.daily-mission{gap:10px;padding:14px}.mission-icon{width:47px;height:47px;font-size:25px;border-radius:12px}.daily-mission h3{font-size:13px}.daily-mission p{font-size:10px}.mission-btn{font-size:11px;padding:9px}.stats{gap:9px}.stat{padding:13px}.stat strong{font-size:24px}.stat span{font-size:10px}.topbar strong{font-size:11px}.topbar .right{gap:4px}.student-badge{font-size:10px;padding:5px 8px}}@media(prefers-reduced-motion:reduce){.hero-art img,.art-sparkle{animation:none!important}.btn,.lesson-card,.adventure-link,.nav button{transition:none!important}}@media print{.hero-art,.adventure-links,.daily-mission{display:none!important}.hero{box-shadow:none}}

/* FaithQuest Kids – playful, colourful styling for every page (loads after faithquest_fun.css) */
:root{--k-purple:#7a5af8;--k-pink:#ffbc6f;--k-yellow:#983dff;--k-teal:#22c5a8;--k-blue:#4cb8ff;--k-orange:#ff9a3d;--k-ink:#2f2a5a}
body{background:linear-gradient(#e9f6ff,#e9f6ff) fixed;color:var(--k-ink);font-size:16px}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(transparent,transparent),linear-gradient(transparent,transparent);background-size:46px 46px,93px 93px;background-position:0 0,23px 31px}
.kids-deco{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.kids-deco span{position:absolute;opacity:.55;animation:kFloat var(--d,9s) ease-in-out infinite;animation-delay:var(--l,0s)}
@keyframes kFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-22px) rotate(5deg)}}
.app{position:relative;z-index:1}

/* page headings as coloured banner ribbons */
.content>.view>h2,.view>h2{display:inline-block;margin:6px 0 16px;padding:10px 24px;border-radius:999px;color:#fff;font-size:clamp(19px,2.6vw,26px);box-shadow:0 6px 0 #0002,0 12px 24px #0001;transform:rotate(-1deg)}
#lessons>h2{background:linear-gradient(#8b6af1,#8b6af1)}#reader>h2{background:linear-gradient(#ff8a5c,#ff8a5c)}#quiz>h2{background:linear-gradient(#5fffd7,#5fffd7)}#exam>h2{background:linear-gradient(#2bb3e8,#2bb3e8)}#short>h2{background:linear-gradient(#1fc29a,#1fc29a)}#flash>h2{background:linear-gradient(#f5a623,#f5a623);color:#003e5d}#teacher>h2{background:linear-gradient(#6a7fdb,#6a7fdb)}
#lesson .panel>h2{color:#5a3fc9;font-size:clamp(22px,3vw,30px);background:linear-gradient(#c4ebff,#c4ebff);padding:8px 18px;border-radius:18px;margin-top:8px}
.view>p.muted{font-size:15px}

/* sidebar: bigger, bouncier buttons */
.nav button{font-size:15.5px;border:2px solid transparent}
.nav button:nth-child(1){--c:#b472ff}.nav button:nth-child(2){--c:#9effe7}.nav button:nth-child(3){--c:#ffb27a}.nav button:nth-child(4){--c:#82ffc1}.nav button:nth-child(5){--c:#79d8ff}.nav button:nth-child(6){--c:#7ae8c3}.nav button:nth-child(7){--c:#7affde}.nav button:nth-child(8){--c:#b4c0ff}
.nav button:hover{border-color:var(--c)}.nav button.active{border-color:var(--c);box-shadow:0 5px 0 var(--c),0 10px 19px #24116b3b}
.brand-symbol{animation:kWiggle 4s ease-in-out infinite}
@keyframes kWiggle{0%,90%,100%{transform:rotate(0)}93%{transform:rotate(-9deg)}96%{transform:rotate(9deg)}}

/* chunky 3D buttons */
.btn{font-weight:800;border-radius:16px;padding:11px 20px;box-shadow:0 5px 0 #3b2a9a55;transition:transform .12s,box-shadow .12s,filter .16s}
.btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 #3b2a9a55}
.btn:active{transform:translateY(4px);box-shadow:0 1px 0 #3b2a9a55}
.btn.alt{box-shadow:0 5px 0 #c9bdf0}.btn.alt:hover{box-shadow:0 7px 0 #c9bdf0}.btn.alt:active{box-shadow:0 1px 0 #c9bdf0}
.btn:disabled{box-shadow:none;transform:none}
#done{background:linear-gradient(#1fc29a,#1fc29a);box-shadow:0 5px 0 #0e8a6c}
#startquiz,#startexam{background:linear-gradient(#5fffd7,#5fffd7);box-shadow:0 5px 0 #36c29f;font-size:17px;padding:13px 26px}
#quiznext,#examnext{background:linear-gradient(#7a5af8,#7a5af8)}
select.field,input.field,textarea.field,#shortlist textarea{border:2.5px solid #e1d8ff;border-radius:16px;background:#fff;font-size:15px;transition:border-color .15s,box-shadow .15s}
select.field:focus,input.field:focus,textarea:focus{border-color:var(--k-purple);box-shadow:0 0 0 4px #7a5af826;outline:none}

/* panels and cards */
.panel{border-radius:26px;border:2.5px solid #fff;box-shadow:0 12px 34px #5d45b020;background:#ffffffee}
.lesson-card{border-radius:26px;border-width:2.5px}
.lesson-card .tag{display:inline-block;align-self:flex-start;background:#f1ebff;padding:3px 12px;border-radius:99px;font-size:12px}
.lesson-card h3{font-size:18px}
.lesson-card:nth-child(4n+1) .tag{background:#eee7ff}.lesson-card:nth-child(4n+2) .tag{background:#fff2e3;color:#7d40c2}.lesson-card:nth-child(4n+3) .tag{background:#c4fff0;color:#a06a10}.lesson-card:nth-child(4n+4) .tag{background:#d6f7ee;color:#0e8a6c}
.lesson-card .lesson-emoji{position:absolute;right:14px;top:12px;font-size:30px;opacity:.9;z-index:1}
.notes p{background:#f5fffa;border-left:6px solid #983dff;border-radius:16px;font-size:16.5px;line-height:2.1;box-shadow:0 3px 0 #cea3ff}
.notes p:nth-child(4n+2){border-left-color:#8fffc7;box-shadow:0 3px 0 #d3f0ff;background:#fbf8ff}
.notes p:nth-child(4n+3){border-left-color:#4cb8ff;box-shadow:0 3px 0 #cdeaff;background:#f6fbff}
.notes p:nth-child(4n+4){border-left-color:#22c5a8;box-shadow:0 3px 0 #c5f1e6;background:#f5fffc}
.notes p:first-child{background:linear-gradient(#e0c4ff,#e0c4ff);border-left-color:#ff9a3d;font-size:17.5px}
.notes p:has(b),.notes p:first-child{box-shadow:none}
.notes p.k-more{background:linear-gradient(#7a5af8,#7a5af8);color:#fff;border:0;font-weight:900;text-align:center;border-radius:99px;box-shadow:0 5px 0 #4b32b8;margin-top:24px}

/* quiz and exam: big answer tiles */
.option{display:flex;align-items:center;gap:12px;border:3px solid #eadfff;border-radius:20px;padding:14px 16px;margin:12px 0;font-size:17px;font-weight:600;transition:transform .13s,box-shadow .13s,border-color .13s,background .13s;box-shadow:0 5px 0 #eadfff}
.option input{width:22px;height:22px;flex:0 0 auto;accent-color:var(--k-purple)}
.option:nth-of-type(1){--oc:#ffbc6f;--ob:#f7f0ff}.option:nth-of-type(2){--oc:#4cb8ff;--ob:#eef8ff}.option:nth-of-type(3){--oc:#ffb02e;--ob:#e8fff9}.option:nth-of-type(4){--oc:#22c5a8;--ob:#eefcf8}
.option{border-color:var(--oc,#eadfff);background:var(--ob,#fff);box-shadow:0 5px 0 var(--oc,#eadfff)}
.option:hover{transform:translateY(-3px) scale(1.01)}.option:active{transform:translateY(3px);box-shadow:0 1px 0 var(--oc)}
.option:has(input:checked){background:#e9d6ff;border-color:#ff9a3d;box-shadow:0 5px 0 #ff9a3d}
.option.correct{background:#d9fbe9;border-color:#22b573;box-shadow:0 5px 0 #22b573}.option.correct:after{content:'\2705';margin-left:auto;font-size:24px}
.option.wrong{background:#efe1ff;border-color:#9f5aee;box-shadow:0 5px 0 #9f5aee}.option.wrong:after{content:'\274C';margin-left:auto;font-size:22px}
#quizplay h3,#examquestion h3{font-size:clamp(19px,2.4vw,24px);background:linear-gradient(#f3edff,#f3edff);padding:14px 18px;border-radius:20px;color:#473397}
.feedback{border-radius:20px;border-left:none;border:3px dashed #9fd4ff;background:#f0f9ff;font-size:16px}
.feedback b{font-size:20px}
.palette button{width:42px;height:42px;border-radius:14px;border:2.5px solid #dcd2ff;font-weight:800;color:#5b44ba;background:#fff;box-shadow:0 3px 0 #dcd2ff}
.palette button.answered{background:#bff3df;border-color:#22c5a8;box-shadow:0 3px 0 #22c5a8;color:#0b6e58}.palette button.current{outline:3px solid #ff9a3d;outline-offset:2px;transform:scale(1.1)}
.examtop{background:linear-gradient(#392982,#392982);border-radius:22px;box-shadow:0 8px 0 #281d7240}
.examtop #clock{font:900 26px system-ui,sans-serif;background:#ffffff26;padding:4px 16px;border-radius:99px;letter-spacing:2px}
#quizplay>.toolbar span,#quizresult h2,#examresult h2{font-weight:900}
#quizresult,#examresult{text-align:center;background:linear-gradient(#e9d6ff,#e9d6ff)}
#quizresult h2,#examresult>h2{font-size:clamp(22px,3.4vw,32px);color:#7a3dd8}
#examresult .answer{text-align:left}
.k-stars{font-size:clamp(34px,7vw,56px);letter-spacing:6px;margin:6px 0 2px;animation:kPop .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes kPop{from{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}

/* flashcards */
.flash{min-height:290px;border:5px solid #fff;border-radius:34px;background:linear-gradient(#7a5af8,#7a5af8);box-shadow:0 12px 0 #4b32b8,0 24px 40px #6d4dbf4a;transition:transform .18s;position:relative}
.flash:hover{transform:translateY(-4px) rotate(-.6deg)}.flash:active{transform:scale(.98)}
.flash strong{font-size:clamp(20px,3vw,28px)}
.flash small{margin-top:14px;background:#ffffff2e;padding:6px 16px;border-radius:99px;justify-self:center}
#flashposition{font-weight:900;background:#c4ebff;padding:6px 16px;border-radius:99px;color:#008a45}
#flashknown{background:linear-gradient(#1fc29a,#1fc29a);box-shadow:0 5px 0 #0e8a6c}

/* short answers */
.answer{border:2.5px solid #d6f7ee;border-radius:24px;background:#fff;box-shadow:0 5px 0 #d6f7ee}
.answer:nth-child(3n+2){border-color:#fff2e3;box-shadow:0 5px 0 #fff2e3}.answer:nth-child(3n+3){border-color:#c4fff0;box-shadow:0 5px 0 #c4fff0}
.answer h3{color:#40307f}
.notice{border-radius:20px;background:#dcfff6;border-left:6px solid #983dff}
.prayer{border-radius:20px;background:#e5f6ff;border-left:6px solid #ffb02e;font-style:normal}

/* textbook reader */
.reader{background:linear-gradient(#ffe9d2,#ffe9d2);border-radius:28px;padding:18px}
.reader img{border-radius:12px;border:6px solid #fff;max-width:760px}
#pageno{font-weight:900;background:#fff;padding:6px 16px;border-radius:99px;color:#a05a10}

/* progress bar and home extras */
.progress{height:16px;border-radius:99px;border:2px solid #fff;box-shadow:inset 0 2px 4px #0001}
.progress i{border-radius:99px;background:linear-gradient(#ff9a3d,#ff9a3d);transition:width .6s}
.k-trail{background:#fff;border-radius:28px;border:2.5px solid #fff;box-shadow:0 12px 34px #5d45b020;padding:18px 22px;margin:16px 0}
.k-trail h3{margin:0 0 6px;font-size:18px;color:#5a3fc9;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.k-trail h3 small{margin-left:auto;font-size:13px;color:#8a64da;background:#f1ebff;padding:2px 12px;border-radius:99px}
.k-stars-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px}
.k-star{display:grid;place-items:center;height:46px;border-radius:50%;font-weight:900;font-size:14px;color:#8a7bb5;background:#efeaff;border:3px dashed #cfc3f5;cursor:pointer;transition:transform .15s}
.k-star:hover{transform:scale(1.18) rotate(8deg)}
.k-star.done{background:linear-gradient(#b0ffd8,#b0ffd8);color:#7a4b00;border:3px solid #fff;box-shadow:0 4px 0 #1fd97c;font-size:22px}
.k-badge{background:linear-gradient(#7affde,#7affde);color:#6a3f00;padding:3px 14px;border-radius:99px;font-size:14px;font-weight:900;box-shadow:0 3px 0 #1fd97c}

/* friendly mascot that gives a cheer */
.k-mascot{position:fixed;left:14px;bottom:14px;z-index:40;width:62px;height:62px;border-radius:50%;border:4px solid #fff;background:linear-gradient(#c5ecff,#c5ecff);font-size:32px;box-shadow:0 6px 0 #1fd97c,0 12px 24px #0003;animation:kBob 3.2s ease-in-out infinite;padding:0;line-height:1}
.k-mascot:active{transform:scale(.92)}
@keyframes kBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.k-bubble{position:fixed;left:84px;bottom:30px;z-index:40;max-width:min(280px,calc(100vw - 110px));background:#fff;border:3px solid #983dff;border-radius:20px 20px 20px 4px;padding:10px 16px;font-weight:800;font-size:14px;line-height:1.9;box-shadow:0 10px 24px #0002;animation:kPop .3s ease-out;color:#003e5d}
.focus .k-mascot,.focus .k-bubble{display:none}

/* hero polish */
.hero{border:5px solid #ffffff55}
.adventure-link{border:3px solid #fff}.adventure-link b{font-size:15px}
.stat{border:3px solid #fff;text-align:center}.stat strong{font-size:34px}
.foot{font-weight:700}

@media(max-width:720px){.k-mascot{width:50px;height:50px;font-size:26px;left:8px;bottom:8px}.k-bubble{left:66px;bottom:16px}.option{font-size:16px;padding:12px}.view>h2{padding:8px 18px}.k-stars-row{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.k-star{height:40px}.flash{min-height:230px;padding:24px}}
/* calm pass: quieter quiz, exam, flashcard and home pages */
.content>.view>h2,.view>h2{transform:none;box-shadow:none;background:#5b44ba;border-radius:14px;padding:8px 20px}
.option,.option:nth-of-type(n){--oc:#cfc6ee;--ob:#fff;color:#2b2550;border-width:2px;box-shadow:none}
.option:hover{transform:none;background:#f6f3ff;border-color:#8b6af1}
.option:active{transform:none;box-shadow:none}
.option:has(input:checked){background:#eee9ff;border-color:#5b44ba;box-shadow:none}
.option.correct{background:#d9fbe9;border-color:#16a060;box-shadow:none}
.option.wrong{background:#efe1ff;border-color:#8943d9;box-shadow:none}
.flash{border:0;border-radius:22px;background:#5b44ba;box-shadow:0 8px 20px #5b44ba33}
.flash:hover{transform:none}.flash:active{transform:none}
.lesson-card:before{display:none}
.kids-deco{opacity:.25}
.k-mascot{animation:none}
@media(prefers-reduced-motion:reduce){.kids-deco span,.k-mascot,.brand-symbol,.k-stars{animation:none!important}.option,.btn,.flash,.k-star{transition:none!important}}
/* lesson notes: calm, structured study layout */
.k-notes-wrap{display:grid;gap:16px;margin-top:14px;font-size:1.05em}
.k-head{display:grid;gap:4px;padding:14px 18px;background:#fff;border:2px solid #e2dcf5;border-left:8px solid #6f55d9;border-radius:14px}
.k-head-tag{justify-self:start;color:#6f55d9;font-weight:800;font-size:.85em}
.k-head strong{font-size:1.35em;line-height:1.6;color:#2b2150}.k-head small{color:#6b6490;font-size:.85em}
.k-summary{padding:14px 18px;background:#eef6ff;border:2px solid #cfe3fa;border-radius:14px}
.k-summary h3,.k-memory h3,.k-pics h3{margin:0 0 6px;font-size:1em;color:#1f5f99}
.k-summary p{margin:0;line-height:2.1;color:#223}
.k-sec{background:#fff;border:2px solid #e2dcf5;border-radius:14px;padding:0 18px 12px}
.k-sec>summary{cursor:pointer;list-style:none;font-weight:800;font-size:1.05em;color:#2b2150;padding:12px 0;border-bottom:2px solid #f0ecfa;margin-bottom:6px}
.k-sec>summary::-webkit-details-marker{display:none}
.k-sec>summary:before{content:'\25BE';display:inline-block;margin-right:8px;color:#6f55d9}
.k-sec:not([open])>summary:before{content:'\25B8'}.k-sec:not([open])>summary{border-bottom:0;margin-bottom:0}
.k-book>summary{color:#1f5f99}.k-teacher>summary{color:#a24a00}
.k-list{margin:0;padding:0;list-style:none;counter-reset:n}
.k-list li{counter-increment:n;position:relative;padding:10px 0 10px 40px;line-height:2.05;border-bottom:1px dashed #e8e3f6;color:#222}
.k-list li:last-child{border-bottom:0}
.k-list li:before{content:counter(n);position:absolute;left:0;top:14px;width:28px;height:28px;border-radius:50%;background:#efeaff;color:#5a3fc9;font-weight:800;font-size:.85em;display:grid;place-items:center}
.k-book .k-list li:before{background:#e4f1ff;color:#1f5f99}.k-teacher .k-list li:before{background:#fff0dd;color:#a24a00}
.k-ref{display:block;margin-top:2px;color:#5b6b7b;font-size:.85em;line-height:1.8}
.k-pics{display:block;padding-bottom:14px;background:#fff}.k-pics h3{padding-top:12px}
.k-fig{margin:10px 0 0;text-align:center}.k-fig a{display:block}
.k-fig img{max-width:100%;height:auto;border-radius:10px;border:1px solid #e2dcf5;background:#fff}
.k-fig figcaption{margin-top:6px;font-size:.88em;color:#5b5578;line-height:1.8}
.k-memory{padding:14px 18px;background:#dcfff6;border:2px solid #8acff2;border-radius:14px}
.k-block{background:#fff;border:2px solid #e2dcf5;border-radius:14px;padding:12px 18px 14px}
.k-h{margin:0 0 6px;font-size:1.08em;color:#2b2150;padding-bottom:6px;border-bottom:2px solid #f0ecfa}
.k-pts{margin:0;padding:0;list-style:none}
.k-pts li{position:relative;padding:6px 0 6px 22px;line-height:2.05;color:#222}
.k-pts li:before{content:'';position:absolute;left:4px;top:19px;width:8px;height:8px;border-radius:50%;background:#6f55d9}
.k-memory h3{color:#40008a}.k-memory ul{margin:0;padding-left:22px;line-height:2.1;color:#332}
.notes .k-notes-wrap p,.notes .k-notes-wrap .k-summary p{background:none;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;font-size:inherit;line-height:2.1}
@media(max-width:720px){.k-notes-wrap{gap:12px}.k-sec{padding:0 12px 8px}.k-head,.k-summary,.k-memory{padding:12px}.k-list li{padding-left:36px}}
@media print{.k-sec,.k-memory,.k-summary,.k-fig{break-inside:avoid}.k-fig figcaption{display:none}}
@media print{.kids-deco,.k-mascot,.k-bubble,.k-trail{display:none!important}body:before{display:none}}
.k-progress{background:#fff;border:1px solid #e3dcf7;border-radius:18px;padding:16px 18px;margin:16px 0}
.k-progress h3{margin:0 0 10px;color:#4b3c85}
.k-weak{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.k-ok{color:#16774a;font-weight:700}
.k-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:8px}
.k-cell{position:relative;border:1px solid #ddd5f4;border-radius:10px;padding:6px 6px 4px;background:#faf8ff;overflow:hidden;text-align:center}
.k-cell span{display:block;font-weight:700;font-size:13px;color:#3d3270;position:relative}
.k-cell small{display:block;font-size:11px;color:#5d5580;position:relative}
.k-cell i{position:absolute;left:0;bottom:0;height:100%;background:#cfeedd;opacity:.8}
.k-cell.low i{background:#ffedd9}
/* unified calm pass: one accent, flat buttons, few decorations */
.btn{box-shadow:none;border-radius:12px;background:#5b44ba}
.btn:hover{transform:none;box-shadow:none;filter:brightness(1.1)}
.btn:active{transform:none;box-shadow:none}
.btn.alt{background:#eee9ff;color:#4b3a9c;box-shadow:none;border:1px solid #d6cdf5}
.btn.alt:hover,.btn.alt:active{box-shadow:none}
.lesson-card{box-shadow:0 2px 10px #5b44ba14;border-top-width:4px}
.lesson-card:hover{transform:none;box-shadow:0 4px 16px #5b44ba22}
.lesson-card h3{font-size:19px}
.lesson-card p{color:#4f486e;line-height:1.8}
.lesson-emoji{display:none!important}
.k-thumb{display:block;width:100%;height:120px;object-fit:contain;background:#faf8ff;border-radius:12px;margin:0 0 10px;border:1px solid #eee9ff}
.k-score{display:inline-block;margin-left:8px;font-size:12px;font-weight:700;padding:2px 10px;border-radius:99px;background:#d9fbe9;color:#16774a}
.k-score.low{background:#efe1ff;color:#28a888}
.kids-deco{display:none}
.k-mascot{width:40px;height:40px;font-size:22px;border-width:2px;box-shadow:0 2px 8px #0003;left:auto;right:12px;bottom:12px;opacity:.85}
.k-bubble{left:auto;right:60px;bottom:16px}
@media(max-width:720px){.k-mascot{width:34px;height:34px;font-size:18px;left:auto;right:8px;bottom:8px}.k-bubble{left:auto;right:50px;bottom:12px}.k-thumb{height:100px}}
.k-hc{margin-left:8px;border:1px solid #cfc6ee;background:#fff;color:#4b3a9c;border-radius:10px;padding:6px 10px;font:inherit;font-size:13px;cursor:pointer}
body.hc{background:#fff!important;color:#000}
body.hc:before{display:none}
body.hc .side{background:#1d1650!important}
body.hc .side *,body.hc .side{color:#fff}
body.hc .lesson-card,body.hc .panel,body.hc .stat,body.hc .k-progress,body.hc .k-block,body.hc .k-summary,body.hc .option{background:#fff!important;color:#000!important;border:2px solid #000!important;box-shadow:none!important}
body.hc p,body.hc li,body.hc h3,body.hc small,body.hc span{color:#000}
body.hc .btn{background:#000!important;color:#fff!important;border:2px solid #000}
body.hc .btn.alt{background:#fff!important;color:#000!important}
body.hc .option.correct{background:#c9f5dc!important}
body.hc .option.wrong{background:#ffead3!important}
body.hc .k-mascot{display:none}
.content>.view>h2,.view>h2{background:#5b44ba!important;box-shadow:none!important;transform:none!important}
.k-thumb{display:flex;align-items:center;justify-content:space-between;height:84px;padding:0 20px;border:0;border-radius:14px;margin:0 0 12px;background:#eee9ff}
.k-ti{font-size:44px;line-height:1}
.k-tn{font-size:34px;font-weight:800;opacity:.35;color:#3d3270}
.k-t0{background:#e9e0ff}.k-t1{background:#e3f6ff}.k-t2{background:#c4fff0}.k-t3{background:#dcf3ff}.k-t4{background:#d8f6ea}
body.hc .k-thumb{background:#fff!important;border:2px solid #000}
@media(max-width:720px){.k-thumb{height:70px}.k-ti{font-size:36px}}
/* sacred kids theme: royal blue, gold and cream, church-window shapes */
:root{--sa-blue:#2a3f8f;--sa-deep:#1b2a6b;--sa-gold:#2fe389;--sa-cream:#f0fff8;--sa-sky:#e8f1ff}
body{background:linear-gradient(#eaf2ff,#eaf2ff)!important}
.side{background:linear-gradient(#1b2a6b,#1b2a6b)!important;border-right:4px solid var(--sa-gold)}
.side .nav button{border-radius:14px}
.side .nav button.active{background:#f0fff8!important;color:var(--sa-deep)!important;box-shadow:0 0 0 2px var(--sa-gold)!important}
.brand-symbol{background:var(--sa-gold)!important;color:#fff!important;border-radius:50%!important;animation:none!important}
.side .sidebar-prayer{background:#ffffff14!important;border-left:4px solid var(--sa-gold)!important;font-family:Georgia,serif}
header,.top{border-bottom:3px solid var(--sa-gold)}
.hero{background:linear-gradient(transparent,transparent),linear-gradient(#2a3f8f,#2a3f8f)!important;border:4px solid var(--sa-gold)!important;border-radius:28px 28px 28px 28px;position:relative;overflow:hidden}
.hero:after{content:'\271D';position:absolute;right:7%;top:50%;transform:translateY(-50%);font-size:min(200px,28vw);color:#dcfff6;opacity:.9;text-shadow:0 0 30px #6bceff,0 0 70px #6bceff;pointer-events:none}
.hero-copy{position:relative;z-index:1}
.hero h1,.hero h1 span{color:#dcfff6!important}
.hero .eyebrow,.hero-kicker{background:#ffffff26!important;color:#fff!important}
.hero-primary{background:var(--sa-gold)!important;color:#14002b!important}
.adventure-link{border-radius:60px 60px 18px 18px!important;border:2px solid var(--sa-gold)!important;box-shadow:none!important}
.adventure-link.purple{background:#e8f1ff!important;color:var(--sa-deep)!important}
.adventure-link.pink{background:#f1fffc!important;color:#8a5e2c!important}
.adventure-link.yellow{background:#cfffe7!important;color:#0a6b53!important}
.adventure-link.blue{background:#e3f6ff!important;color:#1d5a80!important}
.lesson-card{border:2px solid #a6d3e9!important;border-top:0!important;border-radius:60px 60px 18px 18px!important;background:#f7fffd!important;padding-top:20px}
.lesson-card:before{display:none}
.lesson-card .tag{background:#c4fff0;color:#0a6b53}
.k-thumb{border-radius:44px 44px 12px 12px;border:2px solid var(--sa-gold)!important}
.view>h2,.content>.view>h2{background:linear-gradient(var(--sa-deep),var(--sa-deep))!important;border:2px solid var(--sa-gold);position:relative}
.view>h2:before{content:'\271D  ';color:var(--sa-gold)}
.btn{background:var(--sa-blue)!important}
.btn.alt{background:#cfffe7!important;color:#055a30!important;border:1px solid var(--sa-gold)!important}
.stat,.k-progress,.panel{border:2px solid #a6d3e9!important}
.k-summary,.k-block,.k-memory{border-color:#a6d3e9!important}
.k-memory{background:#d6fff5!important}
.k-h{color:var(--sa-deep)!important}
.flash{background:linear-gradient(var(--sa-deep),var(--sa-deep))!important;border:3px solid var(--sa-gold)!important}
.option:has(input:checked){background:#cfffe7;border-color:var(--sa-gold)}
.foot{border-top:3px solid var(--sa-gold)}
.k-mascot{background:#fff!important;border-color:var(--sa-gold)!important}
body.hc .hero{background:#1d1650!important}body.hc .hero:after{display:none}
body.hc .lesson-card,body.hc .adventure-link{border:2px solid #000!important}
@media(max-width:720px){.hero:after{opacity:.25}}
.hero:after{display:none}
.hero .btn.hero-primary{background:#2fe389!important;color:#14002b!important;border:0!important;box-shadow:0 4px 0 #6012b9!important}
.hero .btn:not(.hero-primary){background:#ffffff26!important;color:#fff!important;border:1px solid #ffffff80!important}
.hero-kicker{display:inline-block;padding:4px 14px;border-radius:99px}
/* mobile responsive pass */
html{-webkit-text-size-adjust:100%}
img,svg,video{max-width:100%}
.side-backdrop{display:none}
@media(max-width:720px){
 .topbar{flex-wrap:nowrap;gap:6px;padding:8px 10px;position:sticky;top:0;z-index:20}
 .topbar>div:first-child{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
 .topbar strong{font-size:13px;line-height:1.4}
 .topbar .menu{padding:6px 12px;flex:0 0 auto;min-height:40px}
 .student-badge{display:none}
 .topbar .right{gap:6px}
 .k-hc{font-size:0;padding:0;width:40px;height:40px;flex:0 0 auto;margin:0}
 .k-hc:before{content:'\1F313';font-size:20px}
 .content{padding:12px}
 .view>h2,.content>.view>h2{font-size:19px;padding:8px 14px;max-width:100%}
 .hero{padding:22px 16px;border-radius:22px}
 .hero h1{font-size:24px;line-height:1.55}
 .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
 .hero-actions .btn{width:100%;text-align:center}
 .adventure-links{grid-template-columns:1fr 1fr;gap:10px}
 .adventure-link{min-height:92px;padding:12px 10px;flex-direction:column;text-align:center;gap:6px}
 .adventure-emoji{width:40px;height:40px;font-size:22px}
 .adventure-link b{font-size:13px}
 .adventure-link small{display:none}
 .adventure-arrow{display:none}
 .daily-mission{flex-direction:column;text-align:center;padding:16px}
 .mission-btn{margin:0;width:100%}
 .stats{grid-template-columns:1fr 1fr}
 .grid{grid-template-columns:1fr}
 .lesson-card{padding:16px}
 .toolbar{gap:8px}
 .toolbar .btn{padding:9px 12px;font-size:14px;flex:1 1 auto;text-align:center}
 .toolbar .field,.toolbar select,.toolbar input{flex:1 1 100%;min-width:0;width:100%}
 .two{grid-template-columns:1fr}
 .examtop{position:sticky;top:56px;font-size:14px}
 .palette button{width:40px;height:40px}
 .option{padding:12px;font-size:16px}
 .flash{min-height:220px;padding:22px 16px}
 .answer textarea{min-height:110px}
 .k-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}
 .k-block,.k-summary,.k-memory{padding:14px}
 .k-fig img{max-height:60vh;object-fit:contain}
 .scroll{-webkit-overflow-scrolling:touch}
 .foot{padding:18px 12px}
 .side{width:min(280px,82vw);left:-100%}
 .side.open{left:0;box-shadow:0 0 0 100vmax #0007}
}
@media(max-width:360px){
 .topbar strong{font-size:12px}
 .stats{grid-template-columns:1fr}
 .adventure-links{grid-template-columns:1fr}
 .hero h1{font-size:21px}
}
@media(hover:none){
 .btn:hover,.option:hover,.lesson-card:hover{transform:none}
}
@media(max-width:720px){.mission-btn{white-space:normal;max-width:100%}.daily-mission{overflow:hidden}.daily-mission>div{min-width:0}}
@media(max-width:720px){.daily-mission{align-items:stretch}.daily-mission>*{max-width:100%;min-width:0}.daily-mission .mission-icon{align-self:center}.daily-mission h3,.daily-mission p{overflow-wrap:anywhere}}
@media(max-width:720px){.daily-mission .mission-btn{margin:0!important;width:100%;align-self:stretch}}
/* light sunrise theme: cream, soft gold, pale sky (replaces dark blue) */
:root{--sa-blue:#d98e0f;--sa-deep:#055a30;--sa-gold:#2fe389;--sa-ink:#1c4a33}
body{background:linear-gradient(#e9f5ff,#e9f5ff)!important;color:var(--sa-ink)}
.side{background:linear-gradient(#f6fcff,#f6fcff)!important;border-right:3px solid #85f0d5;color:var(--sa-ink)}
.side .brand,.side .brand div{color:#055a30!important}
.side .brand small{color:#2a8a72!important}
.side .nav button{color:#055a30!important;background:transparent!important}
.side .nav button:hover{background:#c4fff0!important}
.side .nav button.active{background:#8affc4!important;color:#003d1f!important;box-shadow:0 0 0 2px #2fe389!important}
.side .sidebar-prayer{background:#fff!important;color:#055a30!important;border-left:4px solid var(--sa-gold)!important}
.side .sidebar-prayer *{color:inherit!important}
.brand-symbol{background:#2fe389!important;color:#fff!important}
.hero{background:linear-gradient(transparent,transparent),linear-gradient(#e6d1ff,#e6d1ff)!important;border:3px solid #85f0d5!important;color:var(--sa-ink)}
.hero h1,.hero h1 span{color:#055a30!important;text-shadow:none!important}
.hero p{color:#286b5a!important}
.hero .eyebrow,.hero-kicker{background:#ffffffb8!important;color:#107a60!important}
.hero .btn.hero-primary{background:#2fe389!important;color:#14002b!important;box-shadow:0 4px 0 #6012b9!important}
.hero .btn:not(.hero-primary){background:#fff!important;color:#055a30!important;border:2px solid #2fe389!important}
.hero [class*="chip"],.hero-tags span,.hero .pill{background:#fff!important;color:#055a30!important}
.adventure-link.purple{background:#e6f3ff!important;color:#2a5f8f!important}
.adventure-link.blue{background:#e3f6ff!important;color:#1d5a80!important}
.view>h2,.content>.view>h2{background:#8affc4!important;color:#004a38!important;border:2px solid #2fe389!important}
.view>h2:before{color:#6012b9}
.btn{background:#2fe389!important;color:#14002b!important}
.btn.alt{background:#fff!important;color:#055a30!important;border:2px solid #85f0d5!important}
.flash{background:linear-gradient(#e6d1ff,#e6d1ff)!important;color:#004a38!important;border:3px solid #2fe389!important;box-shadow:0 8px 20px #2fe38933!important}
.flash *{color:#004a38!important}
.examtop{background:#c4fff0!important;color:#004a38!important;border:2px solid #2fe389}
.examtop *{color:#004a38}
.k-h,.lesson-card h3,.k-progress h3,.k-trail h3,h2,h3{color:#055a30!important}
.stat strong{color:#6012b9!important}
.stat:nth-child(2) strong{color:#2686b4!important}
.topbar,header{background:#f6fcff!important;border-bottom:3px solid #85f0d5}
.topbar strong{color:#055a30!important}
.student-badge{background:#c4fff0!important;color:#107a60!important}
.k-hc{color:#055a30;border-color:#85f0d5}
.k-score{background:#e3f6ec;color:#16774a}
.k-thumb .k-tn{color:#055a30}
.progress i{background:linear-gradient(#4ebdf5,#4ebdf5)!important}
.foot{color:#357a58}
@media(max-width:720px){.side.open{box-shadow:0 0 0 100vmax #0004}}
body.hc .side,body.hc .side *{background:#fff!important;color:#000!important}
body.hc .hero{background:#fff!important}
body.hc .flash,body.hc .flash *{background:#fff!important;color:#000!important}
/* calm sage theme: soft green, mint and cream */
:root{--sa-blue:#3f7d67;--sa-deep:#2f4f42;--sa-gold:#7fb5a0;--sa-ink:#2f4a3f}
body{background:linear-gradient(#eef6f1,#eef6f1)!important;color:#2f4a3f}
.side{background:linear-gradient(#f7fbf8,#f7fbf8)!important;border-right:3px solid #bcd8c9}
.side .brand,.side .brand div,.side .nav button{color:#2f4f42!important}
.side .brand small{color:#5d7f6f!important}
.side .nav button:hover{background:#e1f0e7!important}
.side .nav button.active{background:#cfe8da!important;color:#1f3a2e!important;box-shadow:0 0 0 2px #7fb5a0!important}
.side .sidebar-prayer{background:#fff!important;color:#2f4f42!important;border-left:4px solid #7fb5a0!important}
.brand-symbol{background:#5f9c86!important;color:#fff!important}
.hero{background:linear-gradient(transparent,transparent),linear-gradient(#e3f2ea,#e3f2ea)!important;border:3px solid #bcd8c9!important}
.hero h1,.hero h1 span{color:#2f4f42!important}
.hero p{color:#46675a!important}
.hero .eyebrow,.hero-kicker{background:#ffffffc8!important;color:#3f6a58!important}
.hero .btn.hero-primary{background:#3f7d67!important;color:#fff!important;box-shadow:0 4px 0 #2f5f4d!important}
.hero .btn:not(.hero-primary){background:#fff!important;color:#2f4f42!important;border:2px solid #7fb5a0!important}
.adventure-link{border:2px solid #cfe3d8!important}
.adventure-link.purple{background:#e8f1f8!important;color:#2f5f7f!important}
.adventure-link.pink{background:#eef9f6!important;color:#4a8a7a!important}
.adventure-link.yellow{background:#ddeef6!important;color:#226b59!important}
.adventure-link.blue{background:#e4f3ef!important;color:#2f6a5a!important}
.view>h2,.content>.view>h2{background:#d5eadf!important;color:#23463a!important;border:2px solid #9ccab6!important}
.view>h2:before{color:#3f7d67}
.btn{background:#3f7d67!important;color:#fff!important}
.btn.alt{background:#fff!important;color:#2f4f42!important;border:2px solid #bcd8c9!important}
.flash{background:linear-gradient(#e3f2ea,#e3f2ea)!important;color:#23463a!important;border:3px solid #9ccab6!important;box-shadow:0 8px 20px #5f9c8626!important}
.flash *{color:#23463a!important}
.examtop{background:#e3f2ea!important;color:#23463a!important;border:2px solid #9ccab6}
.examtop *{color:#23463a}
.k-h,.lesson-card h3,.k-progress h3,.k-trail h3,h2,h3{color:#2f4f42!important}
.stat strong{color:#3f7d67!important}
.stat:nth-child(1){background:#e6f2ec!important}.stat:nth-child(2){background:#e4f0f6!important}.stat:nth-child(3){background:#dff4ef!important}.stat:nth-child(4){background:#f6e9ea!important}
.topbar,header{background:#fbfdfb!important;border-bottom:3px solid #bcd8c9}
.topbar strong{color:#2f4f42!important}
.student-badge{background:#e3f2ea!important;color:#3f6a58!important}
.k-hc{color:#2f4f42;border-color:#bcd8c9}
.lesson-card{border:2px solid #d3e6dc!important;background:#fcfefd!important}
.lesson-card .tag,.tag{background:#e3f2ea;color:#3f6a58}
.k-thumb{border:2px solid #bcd8c9!important}
.k-t0{background:#e3f2ea}.k-t1{background:#f6e9ea}.k-t2{background:#dff4ef}.k-t3{background:#e4f0f6}.k-t4{background:#e8e5f3}
.k-thumb .k-tn{color:#2f4f42}
.k-memory{background:#eef7f1!important}
.k-summary,.k-block,.k-memory,.stat,.k-progress,.panel{border-color:#d3e6dc!important}
.option:hover{background:#eef7f1;border-color:#7fb5a0}
.option:has(input:checked){background:#e3f2ea;border-color:#3f7d67}
.progress i{background:linear-gradient(#8cc3ad,#8cc3ad)!important}
.foot{color:#5d7f6f;border-top:3px solid #bcd8c9}
.k-mascot{border-color:#7fb5a0!important}
.k-cell i{background:#cfe8da}
@media(max-width:720px){.side.open{box-shadow:0 0 0 100vmax #0004}}
.k-notes-wrap h2,.notes-wrap h2,#lesson h2,#lessontitle{background:linear-gradient(#e3f2ea,#e3f2ea)!important;color:#23463a!important}
.k-prayer,.k-pre,#lesson .prayer,.prayer{background:#f3f8f4!important;border-left:4px solid #7fb5a0!important;color:#2f4a3f!important}
.k-summary{background:#eef6f2!important}
select,.field,input[type=search],input[type=text]{border-color:#bcd8c9!important}
.flash span,.flash small{background:transparent!important}
.flash small{background:#ffffffa0!important}
.k-mascot{background:#fff!important}
/* purple theme: lavender, lilac and violet */
:root{--sa-blue:#7a5cc7;--sa-deep:#3f2f73;--sa-gold:#b7a2ec;--sa-ink:#3f2f73}
body{background:linear-gradient(#f3eefc,#f3eefc)!important;color:#3f2f73}
.side{background:linear-gradient(#faf7ff,#faf7ff)!important;border-right:3px solid #cdbdf2}
.side .brand,.side .brand div,.side .nav button{color:#3f2f73!important}
.side .brand small{color:#7a68ab!important}
.side .nav button:hover{background:#efe8fc!important}
.side .nav button.active{background:#d9ccf7!important;color:#2d2060!important;box-shadow:0 0 0 2px #a78be6!important}
.side .sidebar-prayer{background:#fff!important;color:#3f2f73!important;border-left:4px solid #a78be6!important}
.brand-symbol{background:#8a6bd8!important;color:#fff!important}
.hero{background:linear-gradient(transparent,transparent),linear-gradient(#ece3fb,#ece3fb)!important;border:3px solid #cdbdf2!important}
.hero h1,.hero h1 span{color:#3f2f73!important}
.hero p{color:#5d4d94!important}
.hero .eyebrow,.hero-kicker{background:#ffffffd0!important;color:#5a43a6!important}
.hero .btn.hero-primary{background:#7a5cc7!important;color:#fff!important;box-shadow:0 4px 0 #5a43a6!important}
.hero .btn:not(.hero-primary){background:#fff!important;color:#3f2f73!important;border:2px solid #a78be6!important}
.adventure-link{border:2px solid #d9ccf7!important}
.adventure-link.purple{background:#ece3fb!important;color:#4f3a96!important}
.adventure-link.pink{background:#f8f1e8!important;color:#3f8a65!important}
.adventure-link.yellow{background:#f3eaff!important;color:#6a4aa8!important}
.adventure-link.blue{background:#e6e8fb!important;color:#3f4aa0!important}
.view>h2,.content>.view>h2{background:#e0d4f8!important;color:#34265f!important;border:2px solid #b7a2ec!important}
.view>h2:before{color:#7a5cc7}
.btn{background:#7a5cc7!important;color:#fff!important}
.btn.alt{background:#fff!important;color:#3f2f73!important;border:2px solid #cdbdf2!important}
.flash{background:linear-gradient(#ece3fb,#ece3fb)!important;color:#34265f!important;border:3px solid #b7a2ec!important;box-shadow:0 8px 20px #7a5cc726!important}
.flash *{color:#34265f!important}
.flash small{background:#ffffffa0!important}
.examtop{background:#ece3fb!important;color:#34265f!important;border:2px solid #b7a2ec}
.examtop *{color:#34265f}
.k-h,.lesson-card h3,.k-progress h3,.k-trail h3,h2,h3{color:#3f2f73!important}
.stat strong{color:#7a5cc7!important}
.stat:nth-child(1){background:#efe8fc!important}.stat:nth-child(2){background:#e6e8fb!important}.stat:nth-child(3){background:#f3eaff!important}.stat:nth-child(4){background:#f8f1e8!important}
.stat:nth-child(2) strong,.stat:nth-child(3) strong,.stat:nth-child(4) strong{color:#7a5cc7!important}
.topbar,header{background:#fcfaff!important;border-bottom:3px solid #cdbdf2}
.topbar strong{color:#3f2f73!important}
.student-badge{background:#ece3fb!important;color:#5a43a6!important}
.k-hc{color:#3f2f73;border-color:#cdbdf2}
.lesson-card{border:2px solid #ddd2f6!important;background:#fdfcff!important}
.lesson-card .tag,.tag{background:#ece3fb;color:#5a43a6}
.k-thumb{border:2px solid #cdbdf2!important}
.k-t0{background:#ece3fb}.k-t1{background:#f8f1e8}.k-t2{background:#e6e8fb}.k-t3{background:#e9defa}.k-t4{background:#f1e6fb}
.k-thumb .k-tn{color:#3f2f73}
.k-memory{background:#f3eefc!important}
.k-summary{background:#f1ebfc!important}
.k-summary,.k-block,.k-memory,.stat,.k-progress,.panel{border-color:#ddd2f6!important}
#lessontitle,.k-notes-wrap h2,#lesson h2{background:linear-gradient(#ece3fb,#ece3fb)!important;color:#34265f!important}
.prayer,.k-prayer,#lesson .prayer{background:#f6f1ff!important;border-left:4px solid #a78be6!important;color:#3f2f73!important}
select,.field,input[type=search],input[type=text]{border-color:#cdbdf2!important}
.option:hover{background:#f3eefc;border-color:#a78be6}
.option:has(input:checked){background:#ece3fb;border-color:#7a5cc7}
.progress i{background:linear-gradient(#b7a2ec,#b7a2ec)!important}
.foot{color:#7a68ab;border-top:3px solid #cdbdf2}
.k-mascot{border-color:#a78be6!important}
.k-cell i{background:#dcd0f6}
.k-cell span,.k-cell small{color:#3f2f73}
.hero-pills span,.hero-tags span,.hero .chips span,.hero-copy>div:last-child>span{background:#fff!important;color:#4f3a96!important;border:1px solid #cdbdf2}
/* pastel mix: lavender, pink, mint, peach, sky, lemon */
:root{--p-lav:#e9defa;--p-pink:#f0e4fd;--p-mint:#dcf5ea;--p-peach:#ffe8d6;--p-sky:#dcefff;--p-lemon:#c9edff;--p-ink:#3f2f73}
body{background:linear-gradient(#f3eefc,#f3eefc)!important;background-attachment:fixed}
.hero{background:linear-gradient(transparent,transparent),linear-gradient(transparent,transparent),linear-gradient(#ecdffb,#ecdffb)!important;border:3px solid #fff!important;box-shadow:0 8px 24px #b7a2ec33}
.hero-pillrow span{background:#fff!important;color:#4f3a96!important;border:1px solid #e1d6f7}
.hero-pillrow span:nth-child(1){background:var(--p-lav)!important}
.hero-pillrow span:nth-child(2){background:var(--p-pink)!important}
.hero-pillrow span:nth-child(3){background:var(--p-lemon)!important}
.adventure-link.purple{background:var(--p-lav)!important;color:#4f3a96!important}
.adventure-link.pink{background:var(--p-pink)!important;color:#3f8a77!important}
.adventure-link.yellow{background:var(--p-lemon)!important;color:#187a49!important}
.adventure-link.blue{background:var(--p-mint)!important;color:#2f6a55!important}
.adventure-link{border:2px solid #fff!important;box-shadow:0 4px 14px #b7a2ec26!important}
.stat:nth-child(1){background:var(--p-lav)!important}.stat:nth-child(2){background:var(--p-sky)!important}.stat:nth-child(3){background:var(--p-peach)!important}.stat:nth-child(4){background:var(--p-pink)!important}
.stat{border:2px solid #fff!important}
.stat strong,.stat:nth-child(n) strong{color:#4f3a96!important}
.lesson-card{border:2px solid #fff!important;box-shadow:0 4px 14px #b7a2ec26!important}
.lesson-card:nth-child(5n+1){background:#faf6ff!important}
.lesson-card:nth-child(5n+2){background:#fffbf6!important}
.lesson-card:nth-child(5n+3){background:#f4fcf8!important}
.lesson-card:nth-child(5n+4){background:#fff9f2!important}
.lesson-card:nth-child(5n){background:#f4faff!important}
.k-t0{background:var(--p-lav)}.k-t1{background:var(--p-pink)}.k-t2{background:var(--p-mint)}.k-t3{background:var(--p-peach)}.k-t4{background:var(--p-sky)}
.lesson-card:nth-child(5n+1) .tag{background:var(--p-lav)}
.lesson-card:nth-child(5n+2) .tag{background:var(--p-pink)}
.lesson-card:nth-child(5n+3) .tag{background:var(--p-mint)}
.lesson-card:nth-child(5n+4) .tag{background:var(--p-peach)}
.lesson-card:nth-child(5n) .tag{background:var(--p-sky)}
.btn{background:#8f74d6!important}
.btn.alt{background:#fff!important}
.view>h2,.content>.view>h2{background:linear-gradient(var(--p-lav),var(--p-lav))!important;border:2px solid #fff!important;box-shadow:0 3px 10px #b7a2ec33!important}
.k-summary{background:var(--p-sky)!important}
.k-memory{background:var(--p-lemon)!important}
.k-block:nth-of-type(odd){background:#fdfbff}
.k-block:nth-of-type(even){background:#fcfaff}
.prayer,.k-prayer,#lesson .prayer{background:var(--p-mint)!important;border-left-color:#7fcbb0!important}
.flash{background:linear-gradient(var(--p-lav),var(--p-lav))!important;border:3px solid #fff!important}
.examtop{background:linear-gradient(var(--p-lav),var(--p-lav))!important;border:2px solid #fff}
.option:nth-of-type(1){background:var(--p-lav)!important}
.option:nth-of-type(2){background:var(--p-pink)!important}
.option:nth-of-type(3){background:var(--p-mint)!important}
.option:nth-of-type(4){background:var(--p-lemon)!important}
.option.correct{background:#c9f2dd!important;border-color:#3fae80!important}
.option.wrong{background:#d3fff4!important;border-color:#60e0c0!important}
.option:has(input:checked){background:#fff!important;border-color:#8f74d6!important}
.side{background:linear-gradient(#f6efff,#f6efff)!important}
.side .nav button.active{background:#fff!important;box-shadow:0 0 0 2px #b7a2ec!important}
.side .nav button:hover{background:#ffffffa0!important}
.k-cell:nth-child(5n+1){background:var(--p-lav)}.k-cell:nth-child(5n+2){background:var(--p-pink)}.k-cell:nth-child(5n+3){background:var(--p-mint)}.k-cell:nth-child(5n+4){background:var(--p-peach)}.k-cell:nth-child(5n){background:var(--p-sky)}
.k-cell i{background:#ffffff99}.k-cell.low i{background:#b3ffec}
.k-progress{background:#fffdfb!important}
.daily-mission{background:linear-gradient(var(--p-lemon),var(--p-lemon))!important;border:2px solid #fff!important}
.mission-btn{background:#8f74d6!important;color:#fff!important;box-shadow:none!important}

/* extras: review, rewards, daily, zoom, toast */
.k-extras{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:16px 0}
.k-daily,.k-rewards,.k-wrong,.k-review-box{background:#fff;border:2px solid #e3d9fa;border-radius:18px;padding:14px 18px}
.k-daily blockquote{margin:8px 0;padding:10px 14px;border-radius:12px;background:#c9edff;font-size:1.1em}
.k-daily cite{display:block;font-size:.85em;color:#6a5a8e;margin-top:4px}
.k-rrow{display:flex;gap:18px;font-size:1.1em;margin:6px 0}
.k-badges{display:flex;flex-wrap:wrap;gap:8px}
.k-badges span{display:flex;flex-direction:column;align-items:center;width:84px;padding:8px 4px;border-radius:14px;background:#eee;filter:grayscale(1);opacity:.55;font-size:1.5em;text-align:center}
.k-badges span.on{background:#e8f9ee;filter:none;opacity:1}
.k-badges small{font-size:.5em;margin-top:3px}
.k-note{font-size:.8em}
.k-wrong{margin-top:14px}
#examresult.only-wrong .answer.k-right{display:none}
.k-zoom{display:inline-flex;gap:4px;margin-left:8px}
.k-zoom button{border:2px solid #cdbdf2;background:#fff;color:#5b44a8;border-radius:10px;min-width:36px;min-height:36px;font-weight:700;cursor:pointer}
.k-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);max-width:min(92vw,480px);background:#4a3a7c;color:#fff;padding:12px 16px;border-radius:14px;z-index:200;box-shadow:0 6px 20px #0003}
body.hc .k-daily,body.hc .k-rewards,body.hc .k-wrong{border-color:#000}
@media(max-width:700px){.k-zoom{display:none}}
.two>*{min-width:0}#lesson .toolbar{flex-wrap:wrap}@media(max-width:420px){#lesson .toolbar .btn{flex:1 1 auto;padding-left:10px;padding-right:10px}}
@media(max-width:950px){.two{grid-template-columns:minmax(0,1fr)}}

/* MCQ clarity: neutral options, clear right/wrong states */
#quiz .option,#exam .option{background:#fff!important;border:2px solid #d9cff3!important;box-shadow:none!important;color:#2f2552;font-size:1.05em;line-height:1.7;padding:13px 16px}
#quiz .option:hover,#exam .option:hover{background:#f6f1ff!important;border-color:#8f74d6!important}
#quiz .option:has(input:checked),#exam .option:has(input:checked){background:#ece4ff!important;border-color:#6d4fc4!important;border-width:3px!important}
#quiz .option:has(input:disabled),#exam .option:has(input:disabled){cursor:default}
#quiz .option:has(input:disabled):not(.correct):not(.wrong){opacity:.55}
#quiz .option.correct,#exam .option.correct{background:#d4f5e2!important;border:3px solid #1c9a5b!important;opacity:1!important;font-weight:700}
#quiz .option.correct::after,#examresult .option.correct::after{content:"\2713  \0DB1\0DD2\0DC0\0DD0\0DBB\0DAF\0DD2\0DBA\0DD2"}
#quiz .option.wrong,#exam .option.wrong{background:#dcffee!important;border:3px solid #7d34d1!important;opacity:1!important;font-weight:700}
#quiz .option.wrong::after{content:"\2717  \0DC0\0DD0\0DBB\0DAF\0DD2\0DBA\0DD2"}
#quiz .option.correct::after,#quiz .option.wrong::after{margin-left:auto;font-size:.8em;padding:2px 10px;border-radius:99px;background:#fff;white-space:nowrap}
#quiz .option.correct::after{color:#12703f}#quiz .option.wrong::after{color:#20a362}
#quiz .tag,#exam .tag{display:inline-block;font-size:.95em;padding:3px 12px;border-radius:99px;background:#ece4ff;color:#4a3a7c}
#quiz h3,#exam h3{font-size:1.25em;line-height:1.8}
#quiz .feedback{background:#f7f3ff;border-left:5px solid #8f74d6}

#k-sheet .k-sbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:2px solid #d9cff3;border-radius:14px;padding:8px 14px;margin-bottom:12px}
#k-sheet .k-q{border:2px solid #e3d9fa;border-radius:16px;padding:12px 16px;margin:14px 0;background:#fff}
#k-sheet .k-q.k-ok{border-color:#1c9a5b}#k-sheet .k-q.k-bad{border-color:#7d34d1}
#k-sheet.only-wrong .k-q.k-ok{display:none}
#k-sheet .option{background:#fff!important;border:2px solid #d9cff3!important;box-shadow:none!important;padding:11px 14px;display:flex;gap:10px;align-items:center;margin:8px 0;border-radius:12px;cursor:pointer}
#k-sheet .option:has(input:checked){background:#ece4ff!important;border-color:#6d4fc4!important}
#k-sheet .option.correct{background:#d4f5e2!important;border:3px solid #1c9a5b!important;font-weight:700}
#k-sheet .option.wrong{background:#dcffee!important;border:3px solid #7d34d1!important;font-weight:700}
#k-sheet .k-sresult{background:#f7f3ff;border-radius:14px;padding:6px 16px}

#k-allmcq.k-bigbtn{display:block;width:100%;max-width:420px;margin:6px 0 4px;padding:16px 20px;font-size:1.15em;background:#6d4fc4;color:#fff}

/* games */
.g-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:12px}
.g-card{display:flex;flex-direction:column;gap:6px;text-align:left;border:3px solid #d9cff3;border-radius:20px;padding:18px;background:#fff;font-size:1em;color:#2f2552;cursor:pointer}
.g-card span{font-size:2.2em}.g-card b{font-size:1.2em}.g-card small{color:#65588a;font-size:.9em}
.g-c1{background:#e8f9ee;border-color:#9fdcb8}.g-c2{background:#e6f2ff;border-color:#a8cdf2}
.g-top{display:flex;justify-content:space-between;gap:10px;font-size:1.15em;margin-bottom:10px}
.g-claim{background:#c9edff;border:2px solid #8acef0;border-radius:14px;padding:12px 16px;font-size:1.25em;font-weight:700;margin:8px 0}
.g-tfbtns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.g-tfbtns button{border:3px solid;border-radius:18px;padding:18px 8px;font-size:1.2em;font-weight:700;cursor:pointer;background:#fff}
.g-yes{border-color:#1c9a5b;color:#12703f}.g-no{border-color:#7d34d1;color:#20a362}
.g-tfbtns button:disabled{opacity:.5;cursor:default}.g-tfbtns .g-ok{background:#d4f5e2;opacity:1}.g-tfbtns .g-bad{background:#dcffee;opacity:1}
.g-match{display:grid;grid-template-columns:1fr 1fr;gap:12px}.g-match>div{display:flex;flex-direction:column;gap:8px}
.g-m{border:2px solid #d9cff3;background:#fff;border-radius:14px;padding:10px 12px;text-align:left;font-size:1em;cursor:pointer;color:#2f2552;line-height:1.6}
.g-l.g-sel{background:#ece4ff;border-color:#6d4fc4;border-width:3px}
.g-m.g-done{background:#d4f5e2;border-color:#1c9a5b;opacity:.75;cursor:default}
.g-shake{animation:gshake .35s;border-color:#7d34d1!important;background:#dcffee!important}
@keyframes gshake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.g-end{text-align:center}.g-big{font-size:3em}
@media(max-width:520px){.g-match{gap:8px}.g-m{padding:8px;font-size:.92em}}
@media(prefers-reduced-motion:reduce){.g-shake{animation:none}}

/* games: attractive look */
#games .g-panel{background:transparent;border:0;box-shadow:none;padding:0}
.g-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:26px;padding:22px 26px;background:linear-gradient(#e9d6ff,#e9d6ff);border:3px solid #fff;box-shadow:0 8px 24px #8f74d633;margin-bottom:16px}
.g-hero h2{margin:0 0 4px;font-size:1.7em;color:#4a3a7c}.g-hero p{margin:0;color:#5b4a8a}
.g-hero-e{display:flex;gap:8px;font-size:2.2em}.g-hero-e i{font-style:normal;animation:gfloat 3s ease-in-out infinite}
.g-hero-e i:nth-child(2){animation-delay:.5s}.g-hero-e i:nth-child(3){animation-delay:1s}.g-hero-e i:nth-child(4){animation-delay:1.5s}
@keyframes gfloat{50%{transform:translateY(-8px) rotate(8deg)}}
.g-pick{background:#fff;border:2px solid #e3d9fa;border-radius:18px;padding:10px 16px}
.g-card{position:relative;overflow:hidden;border:0;border-radius:28px;padding:24px 22px;color:#fff;box-shadow:0 10px 0 rgba(0,0,0,.12),0 14px 24px #8f74d633;transition:transform .15s,box-shadow .15s;min-height:210px}
.g-c1{background:linear-gradient(#34d399,#34d399)}.g-c2{background:linear-gradient(#6aa8ff,#6aa8ff)}
.g-card::after{content:"";position:absolute;right:-30px;top:-30px;width:130px;height:130px;border-radius:50%;background:#ffffff26}
.g-card .g-ico{font-size:3em;line-height:1.2;filter:drop-shadow(0 3px 0 rgba(0,0,0,.15))}
.g-card b{font-size:1.45em;color:#fff}.g-card small{color:#ffffffe6;font-size:1em;line-height:1.6}
.g-card em{margin-top:auto;align-self:flex-start;font-style:normal;font-weight:700;background:#fff;color:#4a3a7c;border-radius:99px;padding:6px 16px}
.g-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 0 rgba(0,0,0,.12),0 18px 28px #8f74d655}
.g-card:active{transform:translateY(3px);box-shadow:0 4px 0 rgba(0,0,0,.12)}
#g-play{border-radius:26px;border:3px solid #e3d9fa;background:linear-gradient(#fff,#fff)}
.g-top{background:#f3ecff;border-radius:99px;padding:8px 18px;font-weight:700;color:#4a3a7c}
.g-bar{height:12px;background:#ece4ff;border-radius:99px;overflow:hidden;margin:0 0 14px}.g-bar i{display:block;height:100%;background:linear-gradient(#ffbc6f,#ffbc6f);border-radius:99px;transition:width .4s}
.g-q h3{font-size:1.45em;color:#2f2552}
.g-claim{background:linear-gradient(#c9edff,#c9edff);border:3px dashed #f0b86a;border-radius:20px;padding:16px 20px;font-size:1.35em;text-align:center;color:#4a3a7c}
.g-tfbtns button{border-radius:24px;padding:22px 8px;font-size:1.35em;border-width:0;color:#fff;box-shadow:0 7px 0 rgba(0,0,0,.15);transition:transform .12s,box-shadow .12s}
.g-tfbtns .g-yes{background:linear-gradient(#34d399,#34d399);color:#fff}.g-tfbtns .g-no{background:linear-gradient(#ffc17a,#ffc17a);color:#fff}
.g-tfbtns button:not(:disabled):hover{transform:translateY(-3px)}.g-tfbtns button:not(:disabled):active{transform:translateY(4px);box-shadow:0 3px 0 rgba(0,0,0,.15)}
.g-tfbtns button:disabled{opacity:.45;box-shadow:none}
.g-tfbtns .g-ok,.g-tfbtns .g-bad{opacity:1;color:#fff;animation:gpop .4s}.g-tfbtns .g-ok{outline:5px solid #b6f0cf}.g-tfbtns .g-bad{outline:5px solid #c2fff0}
@keyframes gpop{40%{transform:scale(1.07)}}
#g-fb .feedback{animation:gpop .35s;border-radius:18px;background:#f7f3ff}
.g-m{border-radius:18px;box-shadow:0 4px 0 #e3d9fa;transition:transform .12s,background .12s}
.g-l{border-left:6px solid #c99aff}.g-r{border-right:6px solid #7cc4ff}
.g-m:not(.g-done):hover{transform:translateY(-2px);background:#faf6ff}
.g-l.g-sel{box-shadow:0 0 0 4px #cdbbff;transform:scale(1.02)}
.g-m.g-done::before{content:"\2714 ";color:#12703f}
.g-end{padding:10px 0}.g-end h2{color:#4a3a7c}
.g-star{display:inline-block;font-size:.9em;filter:grayscale(1);opacity:.35}
.g-star.on{filter:none;opacity:1;animation:gstar .7s both}
@keyframes gstar{0%{transform:scale(0) rotate(-90deg)}70%{transform:scale(1.4) rotate(10deg)}100%{transform:scale(1)}}
.g-conf{position:fixed;inset:0;pointer-events:none;z-index:300;overflow:hidden}
.g-conf i{position:absolute;top:-14px;width:10px;height:16px;border-radius:3px;animation:gfall linear forwards}
@keyframes gfall{to{transform:translateY(105vh) rotate(720deg)}}
@media(max-width:600px){.g-hero{flex-direction:column;align-items:flex-start;padding:18px}.g-hero-e{font-size:1.8em}.g-card{min-height:0}.g-tfbtns button{font-size:1.1em;padding:18px 4px}}
@media(prefers-reduced-motion:reduce){.g-hero-e i,.g-star.on,.g-tfbtns .g-ok,.g-tfbtns .g-bad,#g-fb .feedback{animation:none}.g-conf{display:none}}
body.hc .g-card{outline:3px solid #000}
.g-tfbtns button.g-ok:disabled{opacity:1;background:linear-gradient(#34d399,#34d399)}
.g-tfbtns button.g-bad:disabled{opacity:1;background:linear-gradient(#ffc17a,#ffc17a)}
.g-tfbtns button.g-ok::after{content:" \1F389"}.g-tfbtns button.g-bad::after{content:" \1F625"}
.g-top span{white-space:nowrap}.g-top{flex-wrap:wrap}

/* alignment fixes */
.panel>:first-child{margin-top:0}
.tag{display:inline-block;padding:3px 12px;border-radius:99px;background:#ece4ff;color:#4a3a7c;font-size:.9em;font-weight:700;line-height:1.6;letter-spacing:0}
.btn:not(.alt):not(.light):not(.warn){border:2px solid transparent!important}
.toolbar .btn,.toolbar .field{min-height:50px;box-sizing:border-box}
.toolbar{align-items:center}
#examsetup .toolbar{align-items:flex-end}
#examsetup .toolbar label{display:flex;flex-direction:column;gap:4px}
.hero-pillrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hero-pillrow>*{margin:0!important;min-height:40px;display:inline-flex;align-items:center}
.answer .tag{margin-bottom:6px}
.lesson-card .btn{align-self:flex-start}

.dl-panel{margin-top:18px;background:linear-gradient(#f1eaff,#f1eaff);border:2px dashed #b9a5ee}
.dl-panel h3{margin:0 0 4px}
.dl-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:10px}
.dl-row label{display:flex;flex-direction:column;gap:4px;font-weight:700}
.dl-row .btn{flex:1 1 200px;justify-content:center}

.hero-copy .eyebrow,.hero-copy .hero-kicker{display:inline-flex;align-items:center;gap:6px;margin:0 8px 10px 0;min-height:40px;box-sizing:border-box}
.dl-msg{margin:8px 0 0;font-weight:700;color:#4a3a7c}
.dl-row .btn[disabled]{opacity:.6;cursor:wait}

/* bundled Sinhala fonts (work offline) */
@font-face{font-family:'Noto Sans Sinhala';src:url(assets/fonts/noto-sans-sinhala.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Abhaya Libre';src:url(assets/fonts/abhaya-700.woff2) format('woff2');font-weight:600 700;font-style:normal;font-display:swap}
@font-face{font-family:'Abhaya Libre';src:url(assets/fonts/abhaya-800.woff2) format('woff2');font-weight:800 900;font-style:normal;font-display:swap}
body,button,input,select,textarea{font-family:'Noto Sans Sinhala','Iskoola Pota','Nirmala UI',system-ui,sans-serif}
body{line-height:1.8}
h1,h2,h3,.brand,.hero-copy h1{font-family:'Abhaya Libre','Noto Sans Sinhala','Iskoola Pota',serif;letter-spacing:0}
h1{font-weight:800}h2,h3{font-weight:700}
.hero-copy h1{font-size:clamp(36px,8vw,56px);line-height:1.25}
.hero-copy h1 span{display:block}
main h2{font-size:clamp(28px,5vw,38px);line-height:1.3}
main h3{font-size:clamp(20px,3.4vw,24px)}
.hero .hero-copy h1,.hero .hero-copy h1 span{font-size:clamp(36px,8vw,56px)!important;line-height:1.25!important;font-family:'Abhaya Libre','Noto Sans Sinhala',serif!important}
main .view>h2,main .panel h2{font-size:clamp(28px,5vw,38px)!important;line-height:1.3}

/* highlighted lesson topics */
main .lesson-card h3{font-family:'Abhaya Libre','Noto Sans Sinhala',serif!important;font-size:clamp(24px,4.6vw,28px)!important;font-weight:800;line-height:1.3;color:#3f2f73!important;background:linear-gradient(transparent,transparent);align-self:flex-start;padding:0 6px;margin:2px 0 4px -2px;border-radius:4px}
.lesson-card:nth-child(5n+1){--hl:#dccbfa}.lesson-card:nth-child(5n+2){--hl:#c9fff2}.lesson-card:nth-child(5n+3){--hl:#bfeedb}.lesson-card:nth-child(5n+4){--hl:#ffdcbf}.lesson-card:nth-child(5n){--hl:#c4e2ff}
main .k-h{font-family:'Abhaya Libre','Noto Sans Sinhala',serif!important;font-size:clamp(22px,4.4vw,26px)!important;font-weight:800;line-height:1.35;color:#3f2f73!important;background:linear-gradient(#e9defa,#e9defa);margin:-4px -8px 12px!important;padding:8px 14px!important;border:0!important;border-radius:14px;border-left:6px solid #8b6af1}
.k-block:nth-of-type(4n+2) .k-h{background:linear-gradient(#dcf5ea,#dcf5ea);border-left-color:#22c5a8}
.k-block:nth-of-type(4n+3) .k-h{background:linear-gradient(#c9edff,#c9edff);border-left-color:#ffb63e}
.k-block:nth-of-type(4n) .k-h{background:linear-gradient(#f0e4fd,#f0e4fd);border-left-color:#ffbc6f}
main .k-summary h3,main .k-memory h3,main .k-pics h3{font-family:'Abhaya Libre','Noto Sans Sinhala',serif!important;font-size:clamp(22px,4.4vw,26px)!important;font-weight:800;color:#3f2f73!important}
body.hc main .lesson-card h3,body.hc main .k-h{background:none!important;color:#000!important;border-left-color:#000}
.hero .hero-copy h1,.hero .hero-copy h1 span{font-size:clamp(30px,6.4vw,46px)!important;line-height:1.3!important}
main .view>h2,main .panel h2{font-size:clamp(26px,4.6vw,34px)!important}
main .lesson-card h3{font-size:clamp(27px,5vw,32px)!important}
main .k-h,main .k-summary h3,main .k-memory h3,main .k-pics h3{font-size:clamp(26px,5vw,31px)!important}
main .lesson-card h3{background:none!important;padding:0!important;margin:2px 0 4px!important;border-radius:0}

/* eye-catching lesson cards */
#lessoncards .lesson-card{--c1:#8b6af1;--c2:#c9b6ff;--bg:#faf6ff;position:relative;overflow:hidden;padding:0 0 20px!important;gap:10px;border:0!important;border-radius:28px!important;background:var(--bg)!important;box-shadow:0 10px 26px color-mix(in srgb,var(--c1) 28%,transparent)!important;transition:transform .25s,box-shadow .25s}
#lessoncards .lesson-card:nth-child(5n+2){--c1:#ffbc6f;--c2:#c2ffe1;--bg:#faf5ff}
#lessoncards .lesson-card:nth-child(5n+3){--c1:#22b99b;--c2:#aef0dc;--bg:#f2fcf8}
#lessoncards .lesson-card:nth-child(5n+4){--c1:#ff9a3d;--c2:#ffd9b0;--bg:#fff8f0}
#lessoncards .lesson-card:nth-child(5n){--c1:#3aa4f5;--c2:#bfe3ff;--bg:#f2f9ff}
#lessoncards .lesson-card:before{display:none!important}
#lessoncards .lesson-card:hover{transform:translateY(-6px) rotate(-.4deg)!important;box-shadow:0 18px 36px color-mix(in srgb,var(--c1) 40%,transparent)!important}
#lessoncards .lesson-card>*:not(.k-thumb){margin-left:20px;margin-right:20px}
#lessoncards .lesson-card .k-thumb{height:116px!important;margin:0 0 6px!important;padding:0 18px!important;border:0!important;border-radius:0 0 40px 40px!important;background:linear-gradient(var(--c1),var(--c1))!important;position:relative;overflow:hidden}
#lessoncards .lesson-card .k-thumb:after{content:'';position:absolute;right:-30px;top:-40px;width:120px;height:120px;border-radius:50%;background:#ffffff30}
#lessoncards .lesson-card .k-ti{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#fff;font-size:42px!important;box-shadow:0 5px 14px #0002;z-index:1;transition:transform .3s}
#lessoncards .lesson-card:hover .k-ti{transform:scale(1.12) rotate(8deg)}
#lessoncards .lesson-card .k-tn{display:grid;place-items:center;min-width:54px;height:54px;padding:0 8px;border-radius:99px;background:#ffffffee;color:var(--c1)!important;opacity:1!important;font-size:28px!important;font-weight:800;z-index:1;box-shadow:0 4px 10px #0001}
#lessoncards .lesson-card .tag{background:var(--c1)!important;color:#fff!important;font-weight:700}
#lessoncards .lesson-card h3{color:#2f2450!important;font-size:clamp(26px,4.8vw,31px)!important}
#lessoncards .lesson-card p{color:#4f486e}
#lessoncards .lesson-card .btn{background:var(--c1)!important;color:#fff!important;border:0!important;box-shadow:0 5px 0 color-mix(in srgb,var(--c1) 70%,#000);align-self:flex-start}
#lessoncards .lesson-card .btn:active{transform:translateY(3px);box-shadow:0 2px 0 color-mix(in srgb,var(--c1) 70%,#000)}
body.hc #lessoncards .lesson-card{background:#fff!important;border:2px solid #000!important}
body.hc #lessoncards .lesson-card .k-thumb{background:#fff!important}
body.hc #lessoncards .lesson-card .btn,body.hc #lessoncards .lesson-card .tag{background:#000!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){#lessoncards .lesson-card,#lessoncards .lesson-card .k-ti{transition:none}#lessoncards .lesson-card:hover{transform:none!important}}
#lessoncards .lesson-card h3{margin:2px 20px 4px!important}

/* ===== v5.3 colourful design spread across the site ===== */
:root{--d1:#8b6af1;--d2:#c9b6ff;--d3:#faf6ff}
.view>h2:first-child{display:flex;align-items:center;gap:10px;padding:14px 22px;border-radius:26px;color:#fff!important;background:linear-gradient(#8b6af1,#8b6af1);box-shadow:0 10px 24px #8b6af133;margin:0 0 18px;position:relative;overflow:hidden;text-shadow:0 1px 2px #0002}
.view>h2:first-child:after{content:'';position:absolute;right:-30px;top:-44px;width:130px;height:130px;border-radius:50%;background:#ffffff30}
#quiz>h2:first-child{background:linear-gradient(#ffbc6f,#ffbc6f)}
#exam>h2:first-child{background:linear-gradient(#ff9a3d,#ff9a3d)}
#short>h2:first-child{background:linear-gradient(#22b99b,#22b99b)}
#flash>h2:first-child{background:linear-gradient(#3aa4f5,#3aa4f5)}
#teacher>h2:first-child{background:linear-gradient(#7a5cc7,#7a5cc7)}
#reader>h2:first-child{background:linear-gradient(#8b6af1,#8b6af1)}

main .panel{border:0!important;border-radius:26px!important;background:#fff!important;box-shadow:0 10px 26px #8b6af126!important;border-top:7px solid var(--d1)!important}
#quiz .panel{border-top-color:#ffbc6f!important;background:#f7fffd!important}
#exam .panel{border-top-color:#ff9a3d!important;background:#fffaf3!important}
#short .panel{border-top-color:#22b99b!important;background:#f5fdfa!important}
#flash .panel{border-top-color:#3aa4f5!important;background:#f5fbff!important}
#teacher .panel{border-top-color:#7a5cc7!important}
.dl-panel{border-top:7px solid #22b99b!important}

main .stat{border:0!important;border-radius:26px!important;box-shadow:0 10px 24px color-mix(in srgb,var(--d1) 28%,transparent)!important;background:linear-gradient(var(--d3),var(--d3))!important;border-bottom:6px solid var(--d1)!important}
.stats .stat:nth-child(4n+1),.grid .stat:nth-child(4n+1){--d1:#8b6af1;--d3:#f1eaff}
.stats .stat:nth-child(4n+2),.grid .stat:nth-child(4n+2){--d1:#3aa4f5;--d3:#e5f3ff}
.stats .stat:nth-child(4n+3),.grid .stat:nth-child(4n+3){--d1:#ff9a3d;--d3:#fff0e0}
.stats .stat:nth-child(4n),.grid .stat:nth-child(4n){--d1:#ffbc6f;--d3:#e8fff9}
main .stat b,main .stat strong,main .stat .num{color:var(--d1)!important}

main .btn:not(.light):not(.hero-secondary):not(.alt){background:linear-gradient(#9a7bf5,#9a7bf5)!important;color:#fff!important;border:0!important;border-radius:18px!important;box-shadow:0 5px 0 #5a3fc7!important;font-weight:800;transition:transform .15s,box-shadow .15s}
main .btn.alt{background:linear-gradient(#8fffc7,#8fffc7)!important;color:#fff!important;border:0!important;border-radius:18px!important;box-shadow:0 5px 0 #8d4ed4!important;font-weight:800}
main .btn.light{border-radius:18px!important;font-weight:800;box-shadow:0 4px 0 #d8cdf5!important}
main .btn:active{transform:translateY(3px);box-shadow:none!important}
main .btn:hover{filter:brightness(1.05)}
#short .btn:not(.light){background:linear-gradient(#3fd1b3,#3fd1b3)!important;box-shadow:0 5px 0 #138a72!important}
#exam .btn:not(.light){background:linear-gradient(#ffb066,#ffb066)!important;box-shadow:0 5px 0 #cc7420!important}
#flash .btn:not(.light){background:linear-gradient(#63b9fb,#63b9fb)!important;box-shadow:0 5px 0 #1f7fc9!important}
.hero-primary{box-shadow:0 6px 0 #5a3fc7!important}

main select,main input[type=search],main input[type=text],main .field{border:2.5px solid #d9ccf8!important;border-radius:16px!important;background:#fff!important;min-height:48px;font-weight:600;color:#3f2f73}
main select:focus,main input:focus,main .field:focus{outline:3px solid #c9b6ff;border-color:#8b6af1!important}

#homecards>*,.adventure-link{border:0!important;box-shadow:0 10px 24px #8b6af126!important}
#homecards>*:hover,.adventure-link:hover{transform:translateY(-6px) rotate(-.4deg)}

.k-block{border:0!important;border-radius:26px!important;box-shadow:0 8px 22px #8b6af11f!important}
.k-summary,.k-memory{border:0!important;border-radius:26px!important;box-shadow:0 8px 22px #8b6af11f!important}
.k-summary{background:linear-gradient(#e9f4ff,#e9f4ff)!important}
.k-memory{background:linear-gradient(#c9edff,#c9edff)!important}

#shortlist>*,#flashcard,.flashcard,.card{border:0!important;border-radius:24px!important;box-shadow:0 8px 22px #22b99b22!important}
#shortlist>*{border-left:8px solid #22b99b!important;background:#fff!important}
#shortlist>*:nth-child(3n+2){border-left-color:#ff9a3d!important}
#shortlist>*:nth-child(3n){border-left-color:#ffbc6f!important}

.option{border:2.5px solid #e3d9fa!important;border-radius:20px!important;background:#fff!important;box-shadow:0 4px 0 #e3d9fa;font-weight:600}
.option:hover{border-color:#8b6af1!important;transform:translateY(-2px)}
.tag{font-weight:700}
.nav button{border-radius:18px!important}
body.hc .view>h2:first-child{background:#fff!important;color:#000!important;text-shadow:none;border:2px solid #000}
body.hc main .btn,body.hc main .panel{background:#fff!important;color:#000!important;border:2px solid #000!important;box-shadow:none!important}
@media(prefers-reduced-motion:reduce){main .btn,.option,#homecards>*{transition:none!important}}
@media(max-width:600px){.view>h2:first-child{padding:12px 16px;border-radius:20px}}
main .view>h2:first-child{background:linear-gradient(#8b6af1,#8b6af1)!important;color:#fff!important;border:0!important;font-family:'Noto Sans Sinhala','Abhaya Libre',sans-serif!important;font-weight:800!important}
main #quiz>h2:first-child{background:linear-gradient(#aa5fff,#aa5fff)!important}
main #exam>h2:first-child{background:linear-gradient(#ff8a24,#ff8a24)!important}
main #short>h2:first-child{background:linear-gradient(#17ab8c,#17ab8c)!important}
main #flash>h2:first-child{background:linear-gradient(#2b95ee,#2b95ee)!important}
main #teacher>h2:first-child{background:linear-gradient(#6c4cc0,#6c4cc0)!important}
main #games>h2:first-child{background:linear-gradient(#ffbc6f,#ffbc6f)!important}
body.hc main .view>h2:first-child{background:#fff!important;color:#000!important;border:2px solid #000!important}
main .view>h2:first-child:before{color:#ffffffcc!important;opacity:1!important;-webkit-text-fill-color:#ffffffcc}
main .panel>h3:first-child{font-family:'Noto Sans Sinhala',sans-serif!important;font-size:clamp(19px,3.6vw,22px)!important;font-weight:800;color:#3f2f73!important}

/* v5.5 pastel palette: solid blue, yellow, green, purple, pink (no blends) */
:root{--pa-pu:#b9a2f7;--pa-pu-d:#8b6fdc;--pa-pu-bg:#f3edff;--pa-bl:#93cbff;--pa-bl-d:#5aa6e6;--pa-bl-bg:#eaf5ff;--pa-gr:#93e3bf;--pa-gr-d:#52bf93;--pa-gr-bg:#e9faf1;--pa-ye:#ffe583;--pa-ye-d:#e3bb3a;--pa-ye-bg:#fff9de;--pa-pi:#ffb6d3;--pa-pi-d:#ee8db4;--pa-pi-bg:#fff0f6;--pa-ink:#3b2a73}
body,body.theme-sa{background:#f6f3ff!important}
#lessoncards .lesson-card{--c1:var(--pa-pu);--c2:var(--pa-pu);--bg:var(--pa-pu-bg);--cd:var(--pa-pu-d)}
#lessoncards .lesson-card:nth-child(5n+2){--c1:var(--pa-bl);--c2:var(--pa-bl);--bg:var(--pa-bl-bg);--cd:var(--pa-bl-d)}
#lessoncards .lesson-card:nth-child(5n+3){--c1:var(--pa-gr);--c2:var(--pa-gr);--bg:var(--pa-gr-bg);--cd:var(--pa-gr-d)}
#lessoncards .lesson-card:nth-child(5n+4){--c1:var(--pa-ye);--c2:var(--pa-ye);--bg:var(--pa-ye-bg);--cd:var(--pa-ye-d)}
#lessoncards .lesson-card:nth-child(5n){--c1:var(--pa-pi);--c2:var(--pa-pi);--bg:var(--pa-pi-bg);--cd:var(--pa-pi-d)}
#lessoncards .lesson-card .k-tn{color:var(--pa-ink)!important}
#lessoncards .lesson-card .tag{background:var(--c1)!important;color:var(--pa-ink)!important}
#lessoncards .lesson-card .btn{background:var(--c1)!important;color:var(--pa-ink)!important;box-shadow:0 5px 0 var(--cd)!important}
main .view>h2:first-child{background:var(--pa-pu)!important;color:var(--pa-ink)!important;text-shadow:none!important;box-shadow:0 6px 0 var(--pa-pu-d)!important}
main #quiz>h2:first-child,main #teacher>h2:first-child{background:var(--pa-bl)!important;box-shadow:0 6px 0 var(--pa-bl-d)!important}
main #short>h2:first-child{background:var(--pa-gr)!important;box-shadow:0 6px 0 var(--pa-gr-d)!important}
main #exam>h2:first-child{background:var(--pa-ye)!important;box-shadow:0 6px 0 var(--pa-ye-d)!important}
main #games>h2:first-child{background:var(--pa-pi)!important;box-shadow:0 6px 0 var(--pa-pi-d)!important}
main .view>h2:first-child:before{color:var(--pa-ink)!important;-webkit-text-fill-color:var(--pa-ink)!important;opacity:.7!important}
main .btn,main button.btn{background:var(--pa-pu)!important;color:var(--pa-ink)!important;box-shadow:0 5px 0 var(--pa-pu-d)!important;text-shadow:none!important}
main .btn.alt{background:var(--pa-pi)!important;box-shadow:0 5px 0 var(--pa-pi-d)!important}
main #quiz .btn,main #teacher .btn{background:var(--pa-bl)!important;box-shadow:0 5px 0 var(--pa-bl-d)!important}
main #short .btn{background:var(--pa-gr)!important;box-shadow:0 5px 0 var(--pa-gr-d)!important}
main #exam .btn{background:var(--pa-ye)!important;box-shadow:0 5px 0 var(--pa-ye-d)!important}
main #flash .btn{background:var(--pa-pu)!important;box-shadow:0 5px 0 var(--pa-pu-d)!important}
main .panel{border-top:6px solid var(--pa-pu)!important;background:#fff!important}
main #quiz .panel,main #teacher .panel{border-top-color:var(--pa-bl)!important}
main #short .panel{border-top-color:var(--pa-gr)!important}
main #exam .panel{border-top-color:var(--pa-ye)!important}
main #games .panel{border-top-color:var(--pa-pi)!important}
.stats .stat,.grid .stat{--d1:var(--pa-pu-d);--d3:var(--pa-pu-bg)}
.stats .stat:nth-child(5n+2),.grid .stat:nth-child(5n+2){--d1:var(--pa-bl-d);--d3:var(--pa-bl-bg)}
.stats .stat:nth-child(5n+3),.grid .stat:nth-child(5n+3){--d1:var(--pa-gr-d);--d3:var(--pa-gr-bg)}
.stats .stat:nth-child(5n+4),.grid .stat:nth-child(5n+4){--d1:var(--pa-ye-d);--d3:var(--pa-ye-bg)}
.stats .stat:nth-child(5n),.grid .stat:nth-child(5n){--d1:var(--pa-pi-d);--d3:var(--pa-pi-bg)}
.adventure-link{background:var(--pa-pu-bg)!important;color:var(--pa-ink)!important}
.adventure-link:nth-child(5n+2){background:var(--pa-bl-bg)!important}
.adventure-link:nth-child(5n+3){background:var(--pa-gr-bg)!important}
.adventure-link:nth-child(5n+4){background:var(--pa-ye-bg)!important}
.adventure-link:nth-child(5n){background:var(--pa-pi-bg)!important}
.g-card,.g-c1{background:var(--pa-gr)!important;color:var(--pa-ink)!important}
.g-c2{background:var(--pa-bl)!important;color:var(--pa-ink)!important}
.g-card b,.g-card small,.g-card em{color:var(--pa-ink)!important}
.k-block .k-h{background:var(--pa-pu-bg)!important;border-left:8px solid var(--pa-pu)!important;color:var(--pa-ink)!important}
.k-block:nth-of-type(5n+2) .k-h{background:var(--pa-bl-bg)!important;border-left-color:var(--pa-bl)!important}
.k-block:nth-of-type(5n+3) .k-h{background:var(--pa-gr-bg)!important;border-left-color:var(--pa-gr)!important}
.k-block:nth-of-type(5n+4) .k-h{background:var(--pa-ye-bg)!important;border-left-color:var(--pa-ye)!important}
.k-block:nth-of-type(5n) .k-h{background:var(--pa-pi-bg)!important;border-left-color:var(--pa-pi)!important}
#shortlist>*{border-left:8px solid var(--pa-pu)!important}
#shortlist>*:nth-child(5n+2){border-left-color:var(--pa-bl)!important}
#shortlist>*:nth-child(5n+3){border-left-color:var(--pa-gr)!important}
#shortlist>*:nth-child(5n+4){border-left-color:var(--pa-ye)!important}
#shortlist>*:nth-child(5n){border-left-color:var(--pa-pi)!important}
.g-bar i{background:var(--pa-gr)!important}
body.hc main .btn,body.hc main .view>h2:first-child{background:#fff!important;color:#000!important;box-shadow:none!important;border:2px solid #000!important}
main #exam .btn,main #exam button.btn,main #exam #startexam{background:var(--pa-ye)!important;box-shadow:0 5px 0 var(--pa-ye-d)!important;color:var(--pa-ink)!important}

/* v5.6 pop: warm-white canvas, coloured sidebar chips, blue hero, coloured toolbars */
body,body.theme-sa{background:#fffaf3!important}
.side{background:#fff!important;border-right:3px solid #e9defa!important}
.topbar{background:#fff!important;border-bottom:3px solid #e9defa!important}
#nav button{border:2px solid transparent!important;border-radius:16px!important;font-weight:800!important;color:var(--pa-ink)!important;background:transparent!important}
#nav button:nth-child(5n+1){--nc:var(--pa-pu);--nb:var(--pa-pu-bg)}
#nav button:nth-child(5n+2){--nc:var(--pa-bl);--nb:var(--pa-bl-bg)}
#nav button:nth-child(5n+3){--nc:var(--pa-gr);--nb:var(--pa-gr-bg)}
#nav button:nth-child(5n+4){--nc:var(--pa-ye);--nb:var(--pa-ye-bg)}
#nav button:nth-child(5n){--nc:var(--pa-pi);--nb:var(--pa-pi-bg)}
#nav button{background:var(--nb)!important}
#nav button:hover{border-color:var(--nc)!important;transform:translateX(3px)}
#nav button.active{background:var(--nc)!important;border-color:var(--nc)!important;box-shadow:0 4px 0 color-mix(in srgb,var(--nc) 65%,#5a4a8a)!important}
#nav{gap:8px!important}
.hero{background:#d9edff!important;border:4px solid #fff!important;box-shadow:0 14px 0 #b7dcff,0 24px 40px #5aa6e633!important}
.hero h1{color:#2d2466!important}
main #home .hero .btn{background:var(--pa-pu)!important;box-shadow:0 5px 0 var(--pa-pu-d)!important}
main #home .hero .btn.alt,main #home .hero .btn:nth-of-type(2){background:#fff!important;box-shadow:0 5px 0 #cfc3f3!important}
.hero-pillrow span:nth-child(1){background:var(--pa-ye)!important}.hero-pillrow span:nth-child(2){background:var(--pa-pi)!important}.hero-pillrow span:nth-child(3){background:var(--pa-gr)!important}
.hero-pillrow span{border:0!important;color:var(--pa-ink)!important;font-weight:800!important}
#reader .toolbar .btn,#lesson .toolbar .btn,.toolbar .btn{color:var(--pa-ink)!important;text-shadow:none!important}
#lesson .toolbar .btn:nth-child(5n+1){background:var(--pa-pu)!important;box-shadow:0 5px 0 var(--pa-pu-d)!important}
#lesson .toolbar .btn:nth-child(5n+2){background:var(--pa-bl)!important;box-shadow:0 5px 0 var(--pa-bl-d)!important}
#lesson .toolbar .btn:nth-child(5n+3){background:var(--pa-gr)!important;box-shadow:0 5px 0 var(--pa-gr-d)!important}
#lesson .toolbar .btn:nth-child(5n+4){background:var(--pa-ye)!important;box-shadow:0 5px 0 var(--pa-ye-d)!important}
#lesson .toolbar .btn:nth-child(5n){background:var(--pa-pi)!important;box-shadow:0 5px 0 var(--pa-pi-d)!important}
#games>.panel,#games .g-panel{border-top:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
#games .g-hero{background:var(--pa-pi)!important;border:0!important;border-radius:28px!important;box-shadow:0 8px 0 var(--pa-pi-d)!important;margin-bottom:22px!important}
#games .g-hero h2{color:var(--pa-ink)!important;background:none!important;box-shadow:none!important;padding:0!important}
#games .g-pick{background:#fff!important;border:3px solid var(--pa-bl)!important;border-radius:20px!important}
#games .g-card{box-shadow:0 8px 0 rgba(60,40,120,.18)!important;border:0!important}
#games .g-c1{box-shadow:0 8px 0 var(--pa-gr-d)!important}#games .g-c2{box-shadow:0 8px 0 var(--pa-bl-d)!important}
#games .g-card em{background:#fff!important;color:var(--pa-ink)!important}
.k-summary{background:var(--pa-bl-bg)!important;border:3px solid var(--pa-bl)!important}
.k-memory{background:var(--pa-ye-bg)!important;border:3px solid var(--pa-ye)!important}
.k-block{background:#fff!important;border:3px solid #efe8ff!important}
body.hc #nav button.active{background:#fff!important;border-color:#000!important}
body.hc .hero{background:#fff!important;border-color:#000!important}

/* v5.7 ENERGETIC: vivid, saturated, bold */
:root{--v-pu:#9d7dff;--v-pu2:#c08bff;--v-bl:#4aaeff;--v-bl2:#5ad7ff;--v-gr:#2fd9a0;--v-gr2:#7be03f;--v-ye:#ffc400;--v-ye2:#ff9d00;--v-or:#ff8a3d;--v-or2:#ff9a2e;--v-pi:#ff82b6;--v-pi2:#ff7ab0;--v-ink:#4a3d99}
body,body.theme-sa{background:radial-gradient(circle at 12% 8%,#ffe9a8 0,transparent 26%),radial-gradient(circle at 92% 14%,#bfe6ff 0,transparent 28%),radial-gradient(circle at 80% 92%,#ffd0e6 0,transparent 30%),radial-gradient(circle at 8% 88%,#c8f5de 0,transparent 28%),#fff8ee fixed!important}
.side{background:linear-gradient(180deg,#9d7dff,#4aaeff)!important;border:0!important;box-shadow:6px 0 24px #9d7dff33!important}
.side .brand,.side .brand *{color:#fff!important}
.side small,.side .brand small,.side p{color:#ffffffcc!important}
.topbar{background:#fff!important;border-bottom:5px solid var(--v-ye)!important;box-shadow:0 6px 18px #9d7dff1f!important}
#nav button{background:#ffffff26!important;color:#fff!important;border:2px solid #ffffff40!important;border-radius:18px!important;font-weight:800!important;text-shadow:0 1px 2px #0003}
#nav button:hover{background:#ffffff40!important;transform:translateX(4px)}
#nav button.active{background:#fff!important;color:var(--v-pu)!important;text-shadow:none!important;border-color:#fff!important;box-shadow:0 5px 0 #0003!important}
.side .quote,.side .verse,.side blockquote,.side .side-verse{background:#ffffff2e!important;color:#fff!important;border-left:6px solid var(--v-ye)!important}
.side .quote *,.side .verse *,.side blockquote *{color:#fff!important}
.hero{background:linear-gradient(135deg,#9d7dff 0%,#4aaeff 60%,#5ad7ff 100%)!important;border:0!important;box-shadow:0 14px 0 #b9a0ff,0 26px 40px #b9a0ff55!important;color:#fff!important}
.hero h1,.hero p,.hero .eyebrow{color:#fff!important;text-shadow:0 2px 6px #0003!important}
.hero p{text-shadow:none!important}
.hero-pillrow span{color:var(--v-ink)!important}
.hero-pillrow span:nth-child(1){background:var(--v-ye)!important}.hero-pillrow span:nth-child(2){background:var(--v-pi2)!important}.hero-pillrow span:nth-child(3){background:#7be0b4!important}
.hero .kicker,.hero [class*=badge]{background:#ffffff33!important;color:#fff!important}
main #home .hero .btn{background:linear-gradient(180deg,#ffd23d,#ffae00)!important;color:var(--v-ink)!important;box-shadow:0 6px 0 #ffd460!important}
main #home .hero .btn.alt,main #home .hero .btn:nth-of-type(2){background:#fff!important;color:var(--v-pu)!important;box-shadow:0 6px 0 #b7a4ff!important}
main .view>h2:first-child{background:linear-gradient(135deg,#9d7dff,#c08bff)!important;color:#fff!important;text-shadow:0 2px 4px #0003!important;box-shadow:0 8px 0 #b9a0ff!important;font-size:clamp(26px,5vw,38px)!important}
main #lessons>h2:first-child{background:linear-gradient(135deg,#ff8a3d,#ffc400)!important;box-shadow:0 8px 0 #ffb36e!important}
main #quiz>h2:first-child{background:linear-gradient(135deg,#4aaeff,#5ad7ff)!important;box-shadow:0 8px 0 #7cc6ff!important}
main #short>h2:first-child{background:linear-gradient(135deg,#2fd9a0,#7be03f)!important;box-shadow:0 8px 0 #6fe3b8!important}
main #exam>h2:first-child{background:linear-gradient(135deg,#ff8a3d,#ff82b6)!important;box-shadow:0 8px 0 #ff9cc2!important}
main #flash>h2:first-child{background:linear-gradient(135deg,#c08bff,#ff82b6)!important;box-shadow:0 8px 0 #d2adff!important}
main #teacher>h2:first-child{background:linear-gradient(135deg,#4aaeff,#9d7dff)!important;box-shadow:0 8px 0 #a89cff!important}
main #games>h2:first-child{background:linear-gradient(135deg,#ff82b6,#ff9d00)!important;box-shadow:0 8px 0 #ff9cc2!important}
main .view>h2:first-child:before{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:.85!important}
main .btn,main button.btn{background:linear-gradient(180deg,#b79cff,#9d7dff)!important;color:#fff!important;text-shadow:0 1px 2px #0003!important;box-shadow:0 6px 0 #b9a0ff!important;border:0!important;font-weight:800!important}
main .btn:hover{filter:brightness(1.08);transform:translateY(-2px)}
main .btn:active{transform:translateY(4px);box-shadow:0 2px 0 #b9a0ff!important}
main .btn.alt{background:linear-gradient(180deg,#ff82b6,#ff82b6)!important;box-shadow:0 6px 0 #ff9cc2!important}
main #quiz .btn,main #teacher .btn{background:linear-gradient(180deg,#7cc6ff,#4aaeff)!important;box-shadow:0 6px 0 #7cc6ff!important}
main #short .btn{background:linear-gradient(180deg,#5be6b8,#2fd9a0)!important;box-shadow:0 6px 0 #6fe3b8!important}
main #exam .btn{background:linear-gradient(180deg,#ffab6b,#ff8a3d)!important;box-shadow:0 6px 0 #ffb27f!important}
main #flash .btn{background:linear-gradient(180deg,#c28bff,#c08bff)!important;box-shadow:0 6px 0 #d2adff!important}
main #home .btn{background:linear-gradient(180deg,#ffd23d,#ffae00)!important;color:var(--v-ink)!important;text-shadow:none!important;box-shadow:0 6px 0 #ffd460!important}
#lesson .toolbar .btn:nth-child(5n+1){background:linear-gradient(180deg,#b79cff,#9d7dff)!important;box-shadow:0 6px 0 #b9a0ff!important;color:#fff!important}
#lesson .toolbar .btn:nth-child(5n+2){background:linear-gradient(180deg,#7cc6ff,#4aaeff)!important;box-shadow:0 6px 0 #7cc6ff!important;color:#fff!important}
#lesson .toolbar .btn:nth-child(5n+3){background:linear-gradient(180deg,#5be6b8,#2fd9a0)!important;box-shadow:0 6px 0 #6fe3b8!important;color:#fff!important}
#lesson .toolbar .btn:nth-child(5n+4){background:linear-gradient(180deg,#ffd23d,#ffae00)!important;box-shadow:0 6px 0 #ffd460!important;color:var(--v-ink)!important;text-shadow:none!important}
#lesson .toolbar .btn:nth-child(5n){background:linear-gradient(180deg,#ff82b6,#ff82b6)!important;box-shadow:0 6px 0 #ff9cc2!important;color:#fff!important}
main .panel{background:#fff!important;border:0!important;border-top:8px solid var(--v-pu)!important;border-radius:28px!important;box-shadow:0 10px 0 #9d7dff22,0 18px 34px #9d7dff22!important}
main #lessons .panel{border-top-color:var(--v-or)!important}main #quiz .panel,main #teacher .panel{border-top-color:var(--v-bl)!important}main #short .panel{border-top-color:var(--v-gr)!important}main #exam .panel{border-top-color:var(--v-or)!important}main #flash .panel{border-top-color:var(--v-pu2)!important}main #games .panel{border-top:0!important}
#lessoncards .lesson-card{--c1:#9d7dff;--c2:#c08bff;--bg:#fff;--cd:#b9a0ff;box-shadow:0 8px 0 var(--cd),0 18px 30px color-mix(in srgb,var(--c1) 35%,transparent)!important;border-radius:30px!important}
#lessoncards .lesson-card:nth-child(6n+2){--c1:#4aaeff;--c2:#5ad7ff;--cd:#7cc6ff}
#lessoncards .lesson-card:nth-child(6n+3){--c1:#2fd9a0;--c2:#7be03f;--cd:#6fe3b8}
#lessoncards .lesson-card:nth-child(6n+4){--c1:#ff9d00;--c2:#ffd23d;--cd:#ffd460}
#lessoncards .lesson-card:nth-child(6n+5){--c1:#ff82b6;--c2:#ff9a2e;--cd:#ff9cc2}
#lessoncards .lesson-card:nth-child(6n){--c1:#ff8a3d;--c2:#ff82b6;--cd:#ffb27f}
#lessoncards .lesson-card .k-thumb{background:linear-gradient(135deg,var(--c1),var(--c2))!important}
#lessoncards .lesson-card .k-tn{color:var(--c1)!important;box-shadow:0 4px 0 #0002}
#lessoncards .lesson-card .tag{background:var(--c1)!important;color:#fff!important}
#lessoncards .lesson-card h3{color:var(--v-ink)!important}
#lessoncards .lesson-card .btn{background:linear-gradient(180deg,var(--c2),var(--c1))!important;color:#fff!important;box-shadow:0 6px 0 var(--cd)!important;text-shadow:0 1px 2px #0003!important}
#lessoncards .lesson-card:hover{transform:translateY(-8px) rotate(-.6deg)!important}
.adventure-link{color:#fff!important;border-radius:30px!important;box-shadow:0 8px 0 #0003!important;border:0!important}
.adventure-link b,.adventure-link strong,.adventure-link span,.adventure-link small,.adventure-link i{color:#fff!important}
.adventure-link:nth-child(4n+1){background:linear-gradient(135deg,#9d7dff,#c08bff)!important;box-shadow:0 8px 0 #b9a0ff!important}
.adventure-link:nth-child(4n+2){background:linear-gradient(135deg,#ff82b6,#ff7ab0)!important;box-shadow:0 8px 0 #ff9cc2!important}
.adventure-link:nth-child(4n+3){background:linear-gradient(135deg,#2fd9a0,#7be03f)!important;box-shadow:0 8px 0 #6fe3b8!important}
.adventure-link:nth-child(4n){background:linear-gradient(135deg,#ff9d00,#ffd23d)!important;box-shadow:0 8px 0 #ffd460!important}
.adventure-link:nth-child(4n) *{color:var(--v-ink)!important}
.adventure-link:hover{transform:translateY(-6px) scale(1.02)}
.stats .stat,.grid .stat{background:#fff!important;border:0!important;border-radius:24px!important;box-shadow:0 6px 0 var(--d1,#9d7dff),0 14px 24px #0001!important;--d1:#9d7dff}
.stats .stat:nth-child(5n+2){--d1:#4aaeff}.stats .stat:nth-child(5n+3){--d1:#2fd9a0}.stats .stat:nth-child(5n+4){--d1:#ff9d00}.stats .stat:nth-child(5n){--d1:#ff82b6}
.stats .stat b,.stats .stat strong{color:var(--d1)!important}
.g-hero{background:linear-gradient(135deg,#ff82b6,#ff9d00)!important;color:#fff!important;box-shadow:0 8px 0 #ff9cc2!important}
#games .g-hero h2,#games .g-hero p{color:#fff!important}
#games .g-pick{border-color:var(--v-bl)!important}
#games .g-card,#games .g-c1{background:linear-gradient(135deg,#2fd9a0,#7be03f)!important;box-shadow:0 8px 0 #6fe3b8!important}
#games .g-c2{background:linear-gradient(135deg,#4aaeff,#9d7dff)!important;box-shadow:0 8px 0 #7cc6ff!important}
#games .g-card b,#games .g-card small{color:#fff!important}
#games .g-card em{background:#fff!important;color:var(--v-ink)!important}
.k-block{background:#fff!important;border:0!important;border-radius:26px!important;box-shadow:0 6px 0 #9d7dff22,0 12px 24px #9d7dff1a!important}
.k-block .k-h{background:linear-gradient(90deg,#9d7dff,#c08bff)!important;color:#fff!important;border:0!important;border-radius:16px!important}
.k-block:nth-of-type(5n+2) .k-h{background:linear-gradient(90deg,#4aaeff,#5ad7ff)!important}
.k-block:nth-of-type(5n+3) .k-h{background:linear-gradient(90deg,#2fd9a0,#7be03f)!important}
.k-block:nth-of-type(5n+4) .k-h{background:linear-gradient(90deg,#ff9d00,#ffd23d)!important;color:var(--v-ink)!important}
.k-block:nth-of-type(5n) .k-h{background:linear-gradient(90deg,#ff82b6,#ff9a2e)!important}
.k-summary{background:linear-gradient(135deg,#e3f2ff,#d3ecff)!important;border:3px solid #4aaeff!important}
.k-memory{background:linear-gradient(135deg,#fff3c4,#ffe38a)!important;border:3px solid #ffb300!important}
#shortlist>*{background:#fff!important;border-radius:22px!important;border-left:10px solid #9d7dff!important;box-shadow:0 5px 0 #0001,0 10px 20px #0001!important}
#shortlist>*:nth-child(5n+2){border-left-color:#4aaeff!important}#shortlist>*:nth-child(5n+3){border-left-color:#2fd9a0!important}#shortlist>*:nth-child(5n+4){border-left-color:#ff9d00!important}#shortlist>*:nth-child(5n){border-left-color:#ff82b6!important}
.option{border-width:3px!important;border-radius:20px!important;font-weight:700}
.option:hover{transform:scale(1.015)}
.g-bar i{background:linear-gradient(90deg,#2fd9a0,#ffc400,#ff82b6)!important}
body.hc .side,body.hc .hero,body.hc main .view>h2:first-child,body.hc main .btn,body.hc .adventure-link,body.hc #games .g-card,body.hc .k-block .k-h{background:#fff!important;color:#000!important;border:2px solid #000!important;box-shadow:none!important;text-shadow:none!important}
body.hc #nav button,body.hc .hero *,body.hc .adventure-link *{color:#000!important}
.hero h1,.hero h1 *{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important}
.hero h1 em,.hero h1 span,.hero h1 mark{color:#ffe14d!important;-webkit-text-fill-color:#ffe14d!important}
.side .brand,.side .brand *,.side h1,.side h2,.side .logo,.side [class*=brand]{color:#fff!important;-webkit-text-fill-color:#fff!important}
.side .quote,.side .quote *{color:#fff!important}
#games .g-hero{background:linear-gradient(135deg,#ff82b6,#ff9d00)!important;box-shadow:0 8px 0 #ff9cc2!important}
#games .g-hero h2,#games .g-hero p{color:#fff!important}
#lesson h2,#lesson .lesson-title,#lesson>.panel>h2{background:linear-gradient(135deg,#ff8a3d,#ffc400)!important;color:#fff!important;text-shadow:0 2px 4px #0003!important;border-radius:18px!important;box-shadow:0 5px 0 #ffb36e!important}

/* v5.8 light & bright (no dark colours) */
.side{background:linear-gradient(180deg,#bfe6ff,#e3d3ff)!important}
.side .brand,.side .brand *,.side h1,.side h2,.side [class*=brand]{color:#4a3d99!important;-webkit-text-fill-color:#4a3d99!important}
.side small,.side .brand small,.side p{color:#6a5cb0!important}
#nav button{color:#3d2f85!important;text-shadow:none!important;border:0!important;box-shadow:0 4px 0 #0001}
#nav button:nth-child(6n+1){background:#d8c8ff!important}
#nav button:nth-child(6n+2){background:#b9e3ff!important}
#nav button:nth-child(6n+3){background:#bff5dc!important}
#nav button:nth-child(6n+4){background:#ffe9a6!important}
#nav button:nth-child(6n+5){background:#ffc9df!important}
#nav button:nth-child(6n){background:#ffd6b8!important}
#nav button:hover{filter:brightness(1.05)}
#nav button.active{background:#fff!important;color:#7d5cf0!important;box-shadow:0 5px 0 #b9a0ff!important}
.side .quote,.side .verse,.side blockquote{background:#fff!important;color:#4a3d99!important}
.side .quote *{color:#4a3d99!important}
.hero{box-shadow:0 14px 0 #b9a0ff,0 26px 40px #9d7dff44!important}
main #home .hero .btn.alt,main #home .hero .btn:nth-of-type(2){color:#7d5cf0!important}
.topbar{border-bottom-color:#ffd460!important}

/* v5.11 palette: Violet #5634A8, Blue #2874E8, Gold #FFCA45, Pink #FF7193, Teal #20BFA9, Peach #FF9064, Navy #17264B, Vanilla */
:root{--b-bl:#2874E8;--b-pu:#5634A8;--b-sk:#20BFA9;--b-go:#FFCA45;--b-co:#FF7193;--b-mi:#FF9064;--b-cr:#FFF8E7;--b-pu-d:#3b2278;--b-sk-d:#138a7a;--b-go-d:#d9a300;--b-co-d:#d94a6e;--b-mi-d:#d96a3e;--b-bl-d:#1a4fa8}
body,body.theme-sa{background:radial-gradient(circle at 10% 8%,#FFCA4533 0,transparent 28%),radial-gradient(circle at 92% 12%,#20BFA944 0,transparent 30%),radial-gradient(circle at 85% 90%,#FF719333 0,transparent 30%),radial-gradient(circle at 6% 88%,#FF906444 0,transparent 28%),#FFF8E7 fixed!important;color:#17264B!important}
.side{background:linear-gradient(180deg,#d9f3fd,#FFF8E7)!important;box-shadow:6px 0 24px #2874E822!important}
.side .brand,.side .brand *,.side h1,.side h2,.side [class*=brand]{color:#17264B!important;-webkit-text-fill-color:#2874E8!important}
.side small,.side .brand small,.side p{color:#3b6ea0!important}
.topbar{border-bottom:5px solid #FFCA45!important}
#nav button{color:#17264B!important;text-shadow:none!important;border:0!important;box-shadow:0 4px 0 #2874E818!important}
#nav button:nth-child(6n+1){background:#d9c9f2!important}
#nav button:nth-child(6n+2){background:#c5ecfb!important}
#nav button:nth-child(6n+3){background:#d4eed9!important}
#nav button:nth-child(6n+4){background:#fbe5ac!important}
#nav button:nth-child(6n+5){background:#fbd0ca!important}
#nav button:nth-child(6n){background:#c5ecfb!important}
#nav button.active{background:#2874E8!important;color:#fff!important;box-shadow:0 5px 0 #1a4fa8!important}
.side .quote,.side .verse,.side blockquote{background:#fff!important;color:#17264B!important;border-left:6px solid #FFCA45!important}
.side .quote *{color:#17264B!important}
.hero{background:linear-gradient(135deg,#2874E8 0%,#5634A8 100%)!important;box-shadow:0 14px 0 #FFCA45,0 26px 40px #2874E844!important;color:#fff!important}
.hero h1,.hero h1 *,.hero p{color:#fff!important;-webkit-text-fill-color:#fff!important}
.hero h1 em,.hero h1 span,.hero h1 mark{color:#FFCA45!important;-webkit-text-fill-color:#FFCA45!important}
.hero-pillrow span{color:#17264B!important}
.hero-pillrow span:nth-child(1){background:#FFCA45!important}.hero-pillrow span:nth-child(2){background:#FF7193!important}.hero-pillrow span:nth-child(3){background:#FF9064!important}
main #home .hero .btn,main #home .btn{background:linear-gradient(180deg,#FFCA45,#FFCA45)!important;color:#17264B!important;box-shadow:0 6px 0 #d9a300!important;text-shadow:none!important}
main #home .hero .btn.alt,main #home .hero .btn:nth-of-type(2){background:#20BFA9!important;color:#17264B!important;box-shadow:0 6px 0 #138a7a!important}
main .view>h2:first-child{background:linear-gradient(135deg,#5634A8,#5634A8)!important;color:#fff!important;text-shadow:none!important;box-shadow:0 8px 0 #3b2278!important}
main #lessons>h2:first-child{background:#FFCA45!important;color:#17264B!important;box-shadow:0 8px 0 #d9a300!important}
main #quiz>h2:first-child,main #teacher>h2:first-child{background:#2874E8!important;color:#fff!important;box-shadow:0 8px 0 #1a4fa8!important}
main #short>h2:first-child{background:#FF9064!important;color:#17264B!important;box-shadow:0 8px 0 #d96a3e!important}
main #exam>h2:first-child{background:#FF7193!important;color:#17264B!important;box-shadow:0 8px 0 #d94a6e!important}
main #flash>h2:first-child{background:#20BFA9!important;color:#17264B!important;box-shadow:0 8px 0 #138a7a!important}
main #games>h2:first-child{background:#FF7193!important;color:#17264B!important;box-shadow:0 8px 0 #d94a6e!important}
main .view>h2:first-child:before{color:inherit!important;-webkit-text-fill-color:currentColor!important}
main .btn,main button.btn{background:#5634A8!important;color:#fff!important;text-shadow:none!important;box-shadow:0 6px 0 #3b2278!important}
main .btn.alt{background:#FF7193!important;color:#17264B!important;box-shadow:0 6px 0 #d94a6e!important}
main #quiz .btn,main #teacher .btn{background:#2874E8!important;color:#fff!important;box-shadow:0 6px 0 #1a4fa8!important}
main #short .btn{background:#FF9064!important;color:#17264B!important;box-shadow:0 6px 0 #d96a3e!important}
main #exam .btn{background:#FFCA45!important;color:#17264B!important;box-shadow:0 6px 0 #d9a300!important}
main #flash .btn{background:#20BFA9!important;color:#17264B!important;box-shadow:0 6px 0 #138a7a!important}
#lesson .toolbar .btn:nth-child(5n+1){background:#5634A8!important;color:#fff!important;box-shadow:0 6px 0 #3b2278!important}
#lesson .toolbar .btn:nth-child(5n+2){background:#2874E8!important;color:#fff!important;box-shadow:0 6px 0 #1a4fa8!important}
#lesson .toolbar .btn:nth-child(5n+3){background:#FF9064!important;color:#17264B!important;box-shadow:0 6px 0 #d96a3e!important}
#lesson .toolbar .btn:nth-child(5n+4){background:#FFCA45!important;color:#17264B!important;box-shadow:0 6px 0 #d9a300!important}
#lesson .toolbar .btn:nth-child(5n){background:#FF7193!important;color:#17264B!important;box-shadow:0 6px 0 #d94a6e!important}
main .panel{border-top:8px solid #5634A8!important;box-shadow:0 10px 0 #5634A81f,0 18px 34px #2874E818!important}
main #lessons .panel{border-top-color:#FFCA45!important}main #quiz .panel,main #teacher .panel{border-top-color:#2874E8!important}main #short .panel{border-top-color:#FF9064!important}main #exam .panel{border-top-color:#FF7193!important}main #flash .panel{border-top-color:#20BFA9!important}
main h3,main .panel h3,main .panel label{color:#17264B!important}
#lessoncards .lesson-card{--c1:#5634A8;--c2:#5634A8;--bg:#f3edfb;--cd:#3b2278;--tx:#fff}
#lessoncards .lesson-card:nth-child(6n+2){--c1:#20BFA9;--c2:#20BFA9;--bg:#eaf9fe;--cd:#138a7a;--tx:#2874E8}
#lessoncards .lesson-card:nth-child(6n+3){--c1:#FF9064;--c2:#FF9064;--bg:#eef8f0;--cd:#d96a3e;--tx:#2874E8}
#lessoncards .lesson-card:nth-child(6n+4){--c1:#FFCA45;--c2:#FFCA45;--bg:#fef6dc;--cd:#d9a300;--tx:#2874E8}
#lessoncards .lesson-card:nth-child(6n+5){--c1:#FF7193;--c2:#FF7193;--bg:#feeeeb;--cd:#d94a6e;--tx:#2874E8}
#lessoncards .lesson-card:nth-child(6n){--c1:#2874E8;--c2:#2874E8;--bg:#e7eef6;--cd:#1a4fa8;--tx:#fff}
#lessoncards .lesson-card .k-thumb{background:var(--c1)!important}
#lessoncards .lesson-card .k-tn{color:#17264B!important}
#lessoncards .lesson-card .tag{background:var(--c1)!important;color:var(--tx)!important}
#lessoncards .lesson-card h3{color:#17264B!important}
#lessoncards .lesson-card .btn{background:var(--c1)!important;color:var(--tx)!important;box-shadow:0 6px 0 var(--cd)!important;text-shadow:none!important}
.adventure-link:nth-child(4n+1){background:#5634A8!important;box-shadow:0 8px 0 #3b2278!important}
.adventure-link:nth-child(4n+1),.adventure-link:nth-child(4n+1) *{color:#fff!important}
.adventure-link:nth-child(4n+2){background:#FF7193!important;box-shadow:0 8px 0 #d94a6e!important}
.adventure-link:nth-child(4n+3){background:#FF9064!important;box-shadow:0 8px 0 #d96a3e!important}
.adventure-link:nth-child(4n){background:#FFCA45!important;box-shadow:0 8px 0 #d9a300!important}
.adventure-link:nth-child(4n+2) *,.adventure-link:nth-child(4n+3) *,.adventure-link:nth-child(4n) *{color:#17264B!important}
.stats .stat{--d1:#5634A8}.stats .stat:nth-child(5n+2){--d1:#20BFA9}.stats .stat:nth-child(5n+3){--d1:#FF9064}.stats .stat:nth-child(5n+4){--d1:#FFCA45}.stats .stat:nth-child(5n){--d1:#FF7193}
.stats .stat b,.stats .stat strong{color:#17264B!important}
#games .g-hero{background:#FF7193!important;box-shadow:0 8px 0 #d94a6e!important}
#games .g-hero h2,#games .g-hero p{color:#17264B!important}
#games .g-pick{border-color:#20BFA9!important}
#games .g-card,#games .g-c1{background:#FF9064!important;box-shadow:0 8px 0 #d96a3e!important}
#games .g-c2{background:#20BFA9!important;box-shadow:0 8px 0 #138a7a!important}
#games .g-card b,#games .g-card small{color:#17264B!important}
.k-block .k-h{background:#5634A8!important;color:#fff!important}
.k-block:nth-of-type(5n+2) .k-h{background:#20BFA9!important;color:#17264B!important}
.k-block:nth-of-type(5n+3) .k-h{background:#FF9064!important;color:#17264B!important}
.k-block:nth-of-type(5n+4) .k-h{background:#FFCA45!important;color:#17264B!important}
.k-block:nth-of-type(5n) .k-h{background:#FF7193!important;color:#17264B!important}
.k-summary{background:#eaf9fe!important;border:3px solid #20BFA9!important}
.k-memory{background:#fef6dc!important;border:3px solid #FFCA45!important}
#shortlist>*{border-left:10px solid #5634A8!important}
#shortlist>*:nth-child(5n+2){border-left-color:#20BFA9!important}#shortlist>*:nth-child(5n+3){border-left-color:#FF9064!important}#shortlist>*:nth-child(5n+4){border-left-color:#FFCA45!important}#shortlist>*:nth-child(5n){border-left-color:#FF7193!important}
.g-bar i{background:linear-gradient(90deg,#FF9064,#FFCA45,#FF7193)!important}
#lesson h2,#lesson .lesson-title,#lesson>.panel>h2{background:#FFCA45!important;color:#17264B!important;text-shadow:none!important;box-shadow:0 5px 0 #d9a300!important}
body.hc .side,body.hc .hero,body.hc main .view>h2:first-child,body.hc main .btn,body.hc .adventure-link,body.hc #games .g-card,body.hc .k-block .k-h,body.hc #nav button{background:#fff!important;color:#000!important;border:2px solid #000!important;box-shadow:none!important}
body.hc .hero *,body.hc .adventure-link *,body.hc #nav button.active{color:#000!important;-webkit-text-fill-color:#000!important}

/* v5.10 all buttons: deep Marian blue */
main .btn,main button.btn,main .btn.alt,main #quiz .btn,main #teacher .btn,main #short .btn,main #exam .btn,main #flash .btn,main #home .btn,main #home .hero .btn,main #home .hero .btn.alt,main #home .hero .btn:nth-of-type(2),#lesson .toolbar .btn,#lesson .toolbar .btn:nth-child(n),#lessoncards .lesson-card .btn,.dl-panel .btn,.g-tfbtns button,#games .g-card em{background:#5634A8!important;color:#fff!important;text-shadow:none!important;box-shadow:0 6px 0 #3b2278!important;border:0!important}
main .btn:active{box-shadow:0 2px 0 #3b2278!important}
#games .g-card em{background:#fff!important;color:#17264B!important;box-shadow:0 4px 0 #5634A833!important}
body.hc main .btn,body.hc #lessoncards .lesson-card .btn{background:#fff!important;color:#000!important;border:2px solid #000!important;box-shadow:none!important}
main #home .hero .btn,main #home .hero .btn.alt{border:3px solid #fff!important;box-shadow:0 6px 0 #3b2278,0 0 0 0 #0000!important}
/* v5.12 light hero, contrasting buttons */
main #home .hero,.hero{background:linear-gradient(135deg,#FFF8E7 0%,#FFE9D6 55%,#FFE0EA 100%)!important;color:#17264B!important;box-shadow:0 12px 0 #FFCA45,0 24px 36px #5634A822!important}
.hero h1,.hero p,.hero h1 *{color:#17264B!important;-webkit-text-fill-color:#17264B!important}
.hero h1 em,.hero h1 span,.hero h1 mark{color:#5634A8!important;-webkit-text-fill-color:#5634A8!important}
main #home .hero .btn{background:#5634A8!important;color:#fff!important;border:0!important;box-shadow:0 6px 0 #3b2278!important}
main #home .hero .btn.alt,main #home .hero .btn:nth-of-type(2){background:#FF7193!important;color:#fff!important;border:0!important;box-shadow:0 6px 0 #d94a6e!important}
.hero>*:first-child,.hero [class*=badge],.hero [class*=pill]:not(.hero-pillrow span){color:#5634A8!important;-webkit-text-fill-color:#5634A8!important;text-shadow:none!important}.hero h1{text-shadow:none!important}
main #home .hero .btn,main #home .hero .btn *,main #home .hero a.btn,main #home .hero button.btn{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}

main #home .hero .btn.alt,main #home .hero .btn:nth-of-type(2){background:#5634A8!important;box-shadow:0 6px 0 #3b2278!important}
/* v5.13 soft blue/green/purple/pink/yellow shades */
body,body.theme-sa{background:radial-gradient(circle at 8% 10%,#dcecff 0,transparent 30%),radial-gradient(circle at 92% 8%,#e6dcff 0,transparent 30%),radial-gradient(circle at 90% 92%,#ffdce6 0,transparent 30%),radial-gradient(circle at 8% 90%,#d6f5e8 0,transparent 30%),#fff9e0 fixed!important}
main #home .hero,.hero{background:radial-gradient(circle at 0% 0%,#dcecff 0,transparent 38%),radial-gradient(circle at 100% 0%,#e6dcff 0,transparent 38%),radial-gradient(circle at 100% 100%,#ffdce6 0,transparent 40%),radial-gradient(circle at 0% 100%,#d6f5e8 0,transparent 40%),#fff6d6!important}
/* v5.14 pages match soft home */
main .view>h2:first-child,main #quiz>h2:first-child,main #exam>h2:first-child,main #short>h2:first-child,main #flash>h2:first-child,main #teacher>h2:first-child,main #games>h2:first-child,main #lessons>h2:first-child,#games .g-hero{background:radial-gradient(circle at 0% 0%,#dcecff 0,transparent 45%),radial-gradient(circle at 100% 0%,#e6dcff 0,transparent 45%),radial-gradient(circle at 100% 100%,#ffdce6 0,transparent 45%),radial-gradient(circle at 0% 100%,#d6f5e8 0,transparent 45%),#fff6d6!important;color:#17264B!important;-webkit-text-fill-color:#17264B!important;text-shadow:none!important;box-shadow:0 8px 0 #FFCA45!important}
#games .g-hero *{color:#17264B!important}
#games .g-card,#games .g-c1,#games .g-c2{color:#17264B!important}
#games .g-c1{background:#ffe3d6!important;box-shadow:0 8px 0 #ffc5ab!important}
#games .g-c2{background:#d6f5ee!important;box-shadow:0 8px 0 #a9e6d8!important}
#games .g-card *{color:#17264B!important}
#games .g-card em{background:#5634A8!important;color:#fff!important;box-shadow:0 4px 0 #3b2278!important}
.adventure-link{background:#fff!important;color:#17264B!important}
.adventure-link:nth-child(4n+1){background:#e6dcff!important}.adventure-link:nth-child(4n+2){background:#ffdce6!important}.adventure-link:nth-child(4n+3){background:#fff1b8!important}.adventure-link:nth-child(4n){background:#d6f5e8!important}
.adventure-link *{color:#17264B!important}
#nav button.active{background:#5634A8!important;box-shadow:0 5px 0 #3b2278!important}
/* v5.15 eye-catching popups */
.fq-toast,.k-toast{position:fixed!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%);z-index:120!important;width:min(420px,88vw);max-width:none!important;text-align:center;padding:26px 28px!important;border-radius:28px!important;border:4px solid #fff!important;font-size:1.25rem;font-weight:900;line-height:1.5;color:#fff!important;background:linear-gradient(135deg,#5634A8,#FF7193 60%,#FF9064)!important;box-shadow:0 0 0 6px #FFCA45,0 24px 60px #5634A866!important;animation:fqPop .55s cubic-bezier(.2,1.6,.4,1) both!important}
.fq-toast::before{content:"⭐ 🎉 ⭐";display:block;font-size:2rem;margin-bottom:6px;letter-spacing:6px}
.k-toast{background:linear-gradient(135deg,#2874E8,#5634A8)!important;font-size:1.05rem}
.k-toast::before{content:"💡";display:block;font-size:2rem;margin-bottom:4px}
@keyframes fqPop{0%{transform:translate(-50%,-50%) scale(.3) rotate(-6deg);opacity:0}60%{transform:translate(-50%,-50%) scale(1.08) rotate(2deg);opacity:1}100%{transform:translate(-50%,-50%) scale(1) rotate(0)}}
@media(prefers-reduced-motion:reduce){.fq-toast,.k-toast{animation:none!important}}
/* v5.16 home tiles readable */
main #home .adventure-link,main #home a.adventure-link{color:#17264B!important}
main #home .adventure-link *,main #home .adventure-link strong,main #home .adventure-link span,main #home .adventure-link small,main #home .adventure-link b,main #home .adventure-link i{color:#17264B!important;-webkit-text-fill-color:#17264B!important;text-shadow:none!important}
main #home .adventure-link:nth-child(4n+1){box-shadow:0 7px 0 #c9b8f5!important}
main #home .adventure-link:nth-child(4n+2){box-shadow:0 7px 0 #ffb8cb!important}
main #home .adventure-link:nth-child(4n+3){box-shadow:0 7px 0 #f2d56b!important}
main #home .adventure-link:nth-child(4n){box-shadow:0 7px 0 #a9e6cf!important}
/* v5.17 eye-catching logo */
.side .brand{background:#fff!important;border-radius:26px!important;padding:12px 14px!important;box-shadow:0 6px 0 #FFCA45,0 14px 28px #5634A833!important;border:3px solid #E6DCFF!important;gap:12px!important;align-items:center!important}
.side .brand .brand-symbol{width:56px!important;height:56px!important;flex:none;display:grid!important;place-items:center;border-radius:50%!important;background:linear-gradient(135deg,#FFCA45,#FF9064 50%,#FF7193)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:30px!important;font-weight:900;border:4px solid #fff!important;box-shadow:0 0 0 4px #5634A8,0 6px 0 #3b2278!important;animation:fqLogo 3s ease-in-out infinite}
.side .brand>div{font-size:1.45rem!important;font-weight:900!important;line-height:1.15;background:linear-gradient(90deg,#5634A8,#2874E8 45%,#FF7193);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}
.side .brand .brand-star{color:#FFCA45!important;-webkit-text-fill-color:#FFCA45!important;display:inline-block;animation:fqSpin 4s linear infinite}
.side .brand small{display:block;font-size:.72rem!important;font-weight:700;color:#5634A8!important;-webkit-text-fill-color:#5634A8!important;background:none}
@keyframes fqLogo{0%,100%{transform:rotate(-6deg) scale(1)}50%{transform:rotate(6deg) scale(1.08)}}
@keyframes fqSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.side .brand .brand-symbol,.side .brand .brand-star{animation:none}}
aside.side .brand>div{font-size:1.75rem!important;font-family:inherit!important}aside.side .brand small{font-size:.74rem!important}
/* v5.18 compact logo */
aside.side .brand{padding:7px 10px!important;gap:9px!important;border-radius:20px!important;border-width:2px!important;box-shadow:0 4px 0 #FFCA45,0 8px 16px #5634A822!important}
aside.side .brand .brand-symbol{width:40px!important;height:40px!important;font-size:22px!important;border-width:3px!important;box-shadow:0 0 0 3px #5634A8,0 4px 0 #3b2278!important}
aside.side .brand>div{font-size:1.3rem!important;line-height:1.1!important}
aside.side .brand small{font-size:.64rem!important;line-height:1.25}
aside.side .brand small{display:none!important}aside.side .brand{align-items:center!important}
/* v5.19 new features: goal, week, review, profile, tools, modal, new games */
.fq-more{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:18px 0}
.fq-more>div{border-radius:26px;padding:18px;color:#17264B;box-shadow:0 7px 0 #00000014}
.fq-more h3{margin:0 0 8px;font-size:1.08rem;color:#17264B!important}
.fq-more p{margin:4px 0 10px;color:#17264B}
.fq-goal{background:#d6f5e8;display:flex;gap:14px;align-items:center}
.fq-week{background:#e6dcff}.fq-review{background:#ffdce6}.fq-me{background:#fff1b8}
.fq-ring{--p:0;flex:none;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#5634A8 calc(var(--p)*1%),#ffffffaa 0)}
.fq-ring b{width:62px;height:62px;border-radius:50%;background:#fff;display:grid;place-items:center;color:#5634A8;font-size:1.1rem}
.fq-sm{display:flex;gap:8px;align-items:center;font-weight:800;font-size:.9rem}
.fq-sm .field{width:auto;min-width:64px;padding:6px 10px}.fq-me .field{flex:1;min-width:0}
.fq-btnrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.fq-btnrow .btn{padding:8px 12px;font-size:.9rem}
.fq-tools{display:inline-flex;gap:6px;margin-left:10px;vertical-align:middle}
.fq-say,.fq-flag{border:0;border-radius:999px;min-width:40px;min-height:40px;padding:4px 12px;font-size:1rem;cursor:pointer;background:#e6dcff;color:#5634A8;box-shadow:0 3px 0 #c9b8f5;font-weight:800}
.fq-flag{background:#ffdce6;color:#d94a6e;box-shadow:0 3px 0 #ffb8cb}
.fq-flashsay{display:block;margin:12px auto 0}
.fq-modal{position:fixed;inset:0;z-index:130;background:#17264B88;display:grid;place-items:center;padding:16px}
.fq-modal-box{background:#fff;border-radius:26px;padding:22px;width:min(440px,100%);border:4px solid #FFCA45;box-shadow:0 20px 50px #17264B55;color:#17264B}
.fq-modal-box textarea{width:100%;box-sizing:border-box}.fq-q{background:#fff6d6;border-radius:14px;padding:10px;font-weight:700}
.fq-replist{padding-left:20px}.fq-replist span{color:#5b6585}
#games .g-c3{background:#fff1b8!important;box-shadow:0 8px 0 #f2d56b!important}
#games .g-c4{background:#e6dcff!important;box-shadow:0 8px 0 #c9b8f5!important}
.fq-blank{display:inline-block;min-width:64px;border-bottom:4px solid #FF7193;color:#FF7193;text-align:center}
.fq-opts,.fq-chips,.fq-line{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.fq-line{min-height:58px;padding:10px;border:3px dashed #c9b8f5;border-radius:18px;background:#faf7ff}
.fq-opt,.fq-chip{border:0;border-radius:16px;padding:12px 18px;font:inherit;font-weight:800;cursor:pointer;background:#e6dcff;color:#17264B;box-shadow:0 4px 0 #c9b8f5;min-height:48px}
.fq-chip.on{background:#d6f5e8;box-shadow:0 4px 0 #a9e6cf}
.fq-opt.g-ok{background:#a9e6cf}.fq-opt.g-bad{background:#ffb8cb}
@media(max-width:600px){.fq-more{grid-template-columns:1fr}}
.g-pick label,.g-pick .field,#g-lesson{max-width:100%;box-sizing:border-box}.g-pick label{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.g-pick{min-width:0}#g-lesson{flex:1 1 200px;min-width:0}
.fq-more h3{font-size:1.15rem!important;line-height:1.3!important}.fq-more .fq-sm{font-size:.95rem!important}
/* v5.20 every button violet on every page */
main #home .btn,main #home button.btn,main #home .btn.alt,main #lessons .btn,main #lessons button.btn,main #lessons .btn.alt,main #lesson .btn,main #lesson button.btn,main #lesson .btn.alt,main #reader .btn,main #reader button.btn,main #reader .btn.alt,main #quiz .btn,main #quiz button.btn,main #quiz .btn.alt,main #exam .btn,main #exam button.btn,main #exam .btn.alt,main #short .btn,main #short button.btn,main #short .btn.alt,main #flash .btn,main #flash button.btn,main #flash .btn.alt,main #teacher .btn,main #teacher button.btn,main #teacher .btn.alt,main #games .btn,main #games button.btn,main #games .btn.alt{background:#5634A8!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:0!important;box-shadow:0 5px 0 #3b2278!important;text-shadow:none!important}
main #home .btn:hover,main #lessons .btn:hover,main #lesson .btn:hover,main #reader .btn:hover,main #quiz .btn:hover,main #exam .btn:hover,main #short .btn:hover,main #flash .btn:hover,main #teacher .btn:hover,main #games .btn:hover{background:#6a45c4!important}
main #home .btn:disabled,main #lessons .btn:disabled,main #lesson .btn:disabled,main #reader .btn:disabled,main #quiz .btn:disabled,main #exam .btn:disabled,main #short .btn:disabled,main #flash .btn:disabled,main #teacher .btn:disabled,main #games .btn:disabled{background:#a99bd1!important;box-shadow:0 5px 0 #8f82ba!important;opacity:1!important}
body.hc main .btn{background:#fff!important;color:#000!important;-webkit-text-fill-color:#000!important;border:2px solid #000!important;box-shadow:none!important}
.fq-modal-box h3,#g-play .g-q h3{font-size:1.3rem!important;line-height:1.4!important;margin:0 0 10px!important}
#g-play .g-q .g-claim{font-size:1.25rem}