:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--kvis-green:#2d7046;--kvis-green-dark:#194a2f;--kvis-purple:#5d4aa7;--kvis-purple-dark:#463681;--ink:#101915;--muted:#68786e;--paper:#fff;--soft:#f4faf6;--green-soft:#e8f7ee;--purple-soft:#f1effa;--line:#dde8df;--line-strong:#c7d7cc;--danger:#d43f5e;--success:#16895f;--radius:8px;--panel:#ffffffe0;--panel-strong:#fff;--shadow-sm:0 14px 32px #1b4a2f0f;--shadow:0 22px 48px #1b4a2f17;--shadow-lg:0 32px 70px #1b4a2f1a;--brand-gradient:linear-gradient(135deg, #2d7046, #286c43);--motion-ease:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{background:var(--soft);scroll-behavior:smooth;min-height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 12% 0%, #11865b1f, transparent 28rem), radial-gradient(circle at 88% 8%, #5a35a81f, transparent 30rem), linear-gradient(180deg, #f8fbff 0%, #f3f6fb 44%, #f7f8fc 100%), var(--soft);background-attachment:fixed;margin:0;font-family:Aptos,Noto Sans Thai,Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}a{color:var(--kvis-purple-dark);font-weight:900;text-decoration:none}body:before{z-index:-1;pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(90deg,#14203307 1px,#0000 1px),linear-gradient(#14203306 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:28s linear infinite kvisGridDrift;position:fixed;inset:0}button,input,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:var(--radius);min-height:40px;color:var(--ink);cursor:pointer;letter-spacing:0;background:#ffffffeb;padding:9px 14px;font-weight:800;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}button:hover{box-shadow:var(--shadow-sm);border-color:#5a35a852;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.56}button:disabled:hover{box-shadow:none;transform:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #5a35a838}.motion-reveal{opacity:0;transition:opacity .62s var(--motion-ease), transform .62s var(--motion-ease);transition-delay:calc(var(--motion-index,0) * 42ms);will-change:opacity, transform;transform:translateY(16px)}.motion-reveal.is-visible{opacity:1;transform:translateY(0)}button.primary,.primary{color:#fff;background:var(--brand-gradient);border-color:#0000;position:relative;overflow:hidden;box-shadow:0 14px 30px #5a35a829}button.primary:after,.primary:after{content:"";pointer-events:none;transition:transform .72s var(--motion-ease);background:linear-gradient(110deg,#0000 12%,#ffffff3d 46%,#0000 72%);position:absolute;inset:0;transform:translate(-120%)}button.primary:hover:after,.primary:hover:after{transform:translate(120%)}button.wide{width:100%}#app{width:min(1180px,100% - 32px);margin:0 auto;padding:18px 0 32px}#app.is-home{padding-top:14px;padding-bottom:14px}#app.has-corners{padding-top:18px}.site-nav{border-radius:var(--radius);justify-content:space-between;align-items:center;gap:24px;min-height:48px;margin-bottom:22px;display:flex}.site-logo{width:auto;min-width:148px;height:42px;box-shadow:none;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:10px;padding:0;display:flex}.site-logo-mark{color:#fff;background:linear-gradient(135deg,#2d7046,#673ab7);border-radius:9px;place-items:center;width:28px;height:28px;font-size:17px;font-weight:900;line-height:1;display:inline-grid}.site-logo-text{color:var(--ink);font-size:21px;font-weight:900;line-height:1}.site-logo:hover{box-shadow:none;transform:translateY(-1px)}.site-links{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:28px;display:flex}.site-links button{color:#142033bd;min-height:32px;box-shadow:none;white-space:nowrap;background:0 0;border:0;border-radius:0;padding:0;font-size:.94rem;font-weight:800}.site-links button:hover{color:var(--ink);box-shadow:none;transform:none}.landing{gap:28px}.single-page-landing{min-height:calc(100vh - 14px)}.brand-hero{border-radius:var(--radius);text-align:center;min-height:calc(100vh - 14px);box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#fffffff5,#f8fafceb),linear-gradient(135deg,#11865b29,#5a35a82e);border:1px solid #dce3efe0;place-items:center;padding:clamp(22px,4.8vw,58px);display:grid}.academy-line{color:var(--kvis-green-dark);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:clamp(.78rem,2vw,1rem);font-weight:950}.kvisdom-logo{letter-spacing:0;color:#0000;background:linear-gradient(115deg, var(--kvis-green) 0%, var(--kvis-green) 34%, #315f74 50%, var(--kvis-purple) 72%, var(--kvis-purple) 100%);animation:kvisLogoSheen 8s var(--motion-ease) infinite alternate;background-size:180% 100%;-webkit-background-clip:text;background-clip:text;margin:8px 0 0;font-size:clamp(4rem,15vw,11.8rem);font-weight:1000;line-height:.82}.brand-subtitle{color:#344258;width:min(760px,100%);margin:18px auto 0;font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.55}.hero-quote{color:var(--kvis-green-dark);margin:16px 0 0;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:950}.hero-search{grid-template-columns:minmax(0,1fr) auto;gap:10px;width:min(660px,100%);margin:22px auto 0;display:grid}.hero-search input,.topic-search-form input,.topic-search-form select{border:1px solid var(--line);border-radius:var(--radius);min-height:48px;color:var(--ink);background:#ffffffeb;padding:10px 12px;font-weight:850}.start-button{border-radius:var(--radius);color:#fff;background:var(--brand-gradient);border:0;min-width:min(310px,100%);min-height:58px;margin-top:22px;font-size:1.06rem;box-shadow:0 22px 46px #5a35a838}.scroll-hint{color:var(--muted);margin:20px 0 0;font-size:.92rem;font-weight:800}.hero-mini-board{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.hero-mini-board span{border-radius:var(--radius);color:var(--kvis-purple-dark);background:#ffffffb8;border:1px solid #5a35a82e;padding:8px 10px;font-size:.86rem;font-weight:900}.quote-band{color:#fff;box-shadow:var(--shadow);background:linear-gradient(135deg,#0b5f43f0,#3d2476f0),url(/assets/kvisdom-roadshow-class-CAYEU6yK.jpg) 50%/cover;border-radius:8px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:26px;padding:clamp(24px,5vw,48px);display:grid}.quote-band blockquote{margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:950;line-height:1.08}.quote-band p{color:#ffffffdb;margin:0;font-size:1.06rem}.learning-path{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.learning-path article,.mode-card,.resource-card,.empty-mini,.study-hero,.subject-room-head,.admin-tools{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-sm)}.learning-path article{padding:20px}.learning-path span{border-radius:var(--radius);color:#fff;background:var(--brand-gradient);margin-bottom:18px;padding:7px 10px;font-weight:950;display:inline-flex}.status-board{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);box-shadow:var(--shadow-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid;overflow:hidden}.status-board article{border-right:1px solid var(--line);padding:16px 18px}.status-board article:last-child{border-right:0}.status-board span{color:var(--kvis-purple-dark);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:950;display:block}.status-board p{margin:4px 0 0;font-weight:850}.level-card{background:radial-gradient(circle at 92% 0,#5a35a81f,#0000 8rem),linear-gradient(#e8f7efb8,#fff)}.mini-exp-track,.exp-track{background:#dce3eff2;border-radius:999px;height:8px;overflow:hidden}.mini-exp-track{margin-top:9px}.mini-exp-track i,.exp-track span{border-radius:inherit;background:linear-gradient(90deg, var(--kvis-green), var(--kvis-purple));background-size:180% 100%;height:100%;animation:3.8s ease-in-out infinite kvisExpFlow;display:block}.next-action-card,.creator-queue{border:1px solid #dce3efeb;border-left:6px solid var(--subject,var(--kvis-green));border-radius:var(--radius);background:var(--panel-strong);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.next-action-card.compact{padding:16px 18px}.next-action-card h2,.creator-queue h2{margin:6px 0;font-size:1.45rem}.next-action-card p{margin:0}.page-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.danger-button{color:#9f2440;background:#fff8fa;border-color:#d43f5e47}.danger-button:hover{color:#fff;background:#b92d49;border-color:#d43f5e6b}.creator-overview{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.creator-overview article{border-right:1px solid var(--line);padding:15px 18px}.creator-overview article:last-child{border-right:0}.creator-overview span{color:var(--kvis-purple-dark);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:950;line-height:1;display:block}.creator-overview p{margin:6px 0 0;font-weight:850;line-height:1.35}.creator-queue{border-left-color:var(--kvis-purple);display:grid}.queue-list{gap:10px;display:grid}.queue-list article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.queue-list article>span{border-radius:var(--radius);color:var(--kvis-purple-dark);background:var(--purple-soft);padding:6px 8px;font-size:.78rem;font-weight:950}.queue-list strong{display:block}.queue-list p{margin:3px 0 0}.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.mode-card{border-top:6px solid var(--mode);align-content:space-between;gap:10px;min-height:190px;padding:18px;display:grid}.mode-card span,.resource-card span{color:#fff;background:var(--mode);border-radius:8px;width:fit-content;padding:6px 9px;font-size:.78rem;font-weight:950}.mode-card strong{color:var(--kvis-purple-dark)}.study-home,.subject-room{gap:16px;padding-top:0}.study-home{grid-template-rows:auto auto minmax(0,1fr);min-height:calc(100vh - 88px)}#app.route-subjects{min-height:100vh}.route-subjects .study-home{grid-template-rows:auto auto auto minmax(0,1fr);gap:12px}.route-subjects .study-hero{min-height:142px}.route-subjects .status-board article{padding-block:10px}.route-subjects .subject-select-grid{grid-auto-rows:1fr;align-self:stretch;min-height:0}.study-hero,.subject-room-head{border-top:4px solid var(--kvis-green);justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.study-hero h1,.subject-room-head h1{margin:8px 0;line-height:1.02}.subject-room-head{border-top-color:var(--subject)}.subject-top-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.subject-overview{border-top:4px solid var(--subject);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-sm);gap:16px;padding:22px 24px;display:grid}.subject-top-grid .next-action-card{border-top:1px solid #dce3efeb;border-left:4px solid var(--subject);align-items:center;min-height:0;padding:14px 16px}.subject-top-grid .next-action-card.compact{display:flex}.subject-title-row,.subject-main-row,.subject-mini-stats,.content-tabs,.lesson-row,.lesson-meta,.video-preview-head{align-items:center;display:flex}.subject-title-row,.subject-main-row,.video-preview-head{justify-content:space-between;gap:18px}.back-link{box-shadow:none;background:0 0;border:0;padding:0}.subject-accent-label,.lesson-kind{color:#fff;background:var(--subject);border-radius:8px;width:fit-content;padding:7px 10px;font-size:.8rem;font-weight:950}.subject-main-row h1{margin:0 0 8px}.subject-main-row p{margin:0}.subject-mini-stats{flex-wrap:wrap;justify-content:flex-end;gap:10px}.subject-mini-stats span{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#fff;padding:9px 11px;font-weight:850}.subject-mini-stats strong{color:var(--kvis-purple-dark)}.content-tabs{flex-wrap:wrap;gap:10px}.learning-workspace{gap:12px;display:grid}.topic-search-panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#ffffffd1;gap:10px;padding:14px;display:grid}.topic-search-panel.compact{box-shadow:none;padding:12px}.topic-search-form{grid-template-columns:minmax(220px,1fr) minmax(140px,.28fr) minmax(140px,.28fr) auto auto;align-items:center;gap:10px;display:grid}.topic-search-panel.compact .topic-search-form{grid-template-columns:minmax(220px,1fr) auto auto}.search-examples{flex-wrap:wrap;gap:8px;display:flex}.search-examples button{min-height:32px;color:var(--kvis-purple-dark);background:var(--purple-soft);border-radius:999px;padding:6px 10px;font-size:.84rem}.search-results-head{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffc2;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.search-results-head strong{color:var(--kvis-purple-dark);font-size:1.1rem}.search-results-head span{color:var(--muted);font-weight:850}.search-results-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.search-result-card{border:1px solid var(--line);border-top:5px solid var(--subject);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#ffffffe6;align-content:space-between;gap:12px;padding:16px;display:grid}.search-result-card h2,.search-result-card p{margin:0}.content-tab{min-height:38px;color:var(--ink);background:#ffffffd6;border-color:#dce3efd9;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.content-tab.active{color:#fff;background:var(--mode);box-shadow:var(--shadow-sm);border-color:#0000}.content-tab strong{color:var(--mode)}.content-tab.active strong{color:#fff}.active-learning-panel{border:1px solid #dce3efeb;border-top:6px solid var(--mode);border-radius:var(--radius);background:linear-gradient(180deg, #fffffff5, #fafcffeb), var(--panel-strong);box-shadow:var(--shadow-sm);gap:18px;padding:20px;display:grid}.panel-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.panel-heading h2{margin:6px 0 0;font-size:1.85rem}.panel-heading>span{border-radius:var(--radius);color:var(--kvis-purple-dark);background:var(--purple-soft);border:1px solid #dce3efeb;flex:none;padding:9px 11px;font-weight:900}.study-sequence-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sequence-step{text-align:left;background:linear-gradient(#fffffff5,#f8fafce0),#fff;border-color:#dce3efeb;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:4px 10px;min-height:96px;padding:14px;display:grid;position:relative;overflow:hidden}.sequence-step:before{content:"";background:var(--mode);width:4px;position:absolute;inset:0 auto 0 0}.sequence-step span{color:#fff;background:var(--mode);border-radius:999px;grid-row:span 3;justify-content:center;align-items:center;width:34px;height:34px;font-weight:950;display:inline-flex}.sequence-step strong{color:var(--ink);font-size:1rem}.sequence-step small,.sequence-step em{color:var(--muted);font-style:normal;line-height:1.25}.sequence-step em{color:var(--kvis-purple-dark);font-size:.78rem;font-weight:900}.sequence-step.disabled{opacity:.56;cursor:default}.sequence-step.disabled:hover{box-shadow:none;transform:none}.video-preview{gap:14px;display:grid}.video-preview-head{justify-content:flex-start}.video-preview-head h2{margin:0}.video-preview-grid{grid-template-columns:minmax(0,760px);gap:14px;display:grid}.fact-preview{gap:14px;display:grid}.fact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,280px));align-items:start;gap:14px;display:grid}.fact-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#ffffffe6;overflow:hidden}.fact-card>.video-thumb{aspect-ratio:4/5;min-height:300px}.fact-card-body{gap:8px;padding:14px;display:grid}.fact-card h3,.fact-card p{margin:0}.fact-card h3{font-size:1.2rem;line-height:1.15}.fact-card p{color:var(--muted);font-size:.92rem;font-weight:800}.video-more-list{gap:10px;display:grid}.compact-video-item{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffdb;grid-template-columns:210px minmax(0,1fr) auto;align-items:stretch;gap:14px;padding:10px;display:grid;overflow:hidden}.compact-video-thumb{border-radius:calc(var(--radius) - 4px);background:#edf4ef;min-width:0;min-height:118px;overflow:hidden}.compact-video-thumb .video-thumb{border-right:0;height:100%;min-height:118px}.compact-video-body{align-self:center;min-width:0;padding:6px 0}.compact-video-item strong{margin-top:9px;line-height:1.18;display:block}.compact-video-item p{margin:4px 0 0}.compact-video-item .content-actions{justify-content:flex-end;align-self:center;padding:0}.video-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-strong);box-shadow:var(--shadow-sm);grid-template-columns:minmax(280px,.92fr) minmax(0,1fr);display:grid;overflow:hidden}.video-card.needs-admin-fix{border-color:#d43f5e47}.video-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#11865b29,#5a35a82e),#f8fafc;min-height:0;position:relative}.video-thumb.needs-cover{border-right:1px solid var(--line);place-items:center;display:grid}.video-frame,.creator-preview-frame{aspect-ratio:16/9;background:linear-gradient(135deg,#11865b2e,#5a35a833),#f8fafc;min-height:0;position:relative;overflow:hidden}.video-frame{background:linear-gradient(135deg,#11865b3d,#5a35a847),#f8fafc}.video-thumb:after,.creator-preview-frame:after{content:"";background:linear-gradient(135deg,#11865b6b,#5a35a86b);position:absolute;inset:0}.video-thumb.needs-cover:after{background-color:#0000;background-image:linear-gradient(90deg,#14203312 1px,#0000 1px),linear-gradient(#1420330f 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.video-thumb img,.creator-preview-frame img,.fact-hero-poster img{object-fit:cover;width:100%;height:100%;transition:transform .62s var(--motion-ease);position:absolute;inset:0}.cover-needed{z-index:1;width:min(180px,100% - 28px);color:var(--kvis-purple-dark);text-align:center;background:#ffffffdb;border:1px solid #5a35a838;border-radius:8px;padding:10px;font-size:.8rem;font-weight:900}.video-frame iframe,.creator-preview-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.play-mark{z-index:1;width:58px;height:58px;color:var(--kvis-purple-dark);background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;animation:3.6s ease-in-out infinite kvisPlayBreath;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 38px #1420332e}.video-card:hover .video-thumb img,.fact-card:hover .video-thumb img,.lesson-player-card:hover .video-thumb img,.resource-card:hover .video-thumb img{transform:scale(1.025)}.video-info{align-content:start;gap:11px;padding:16px;display:grid}.content-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.video-info h3{margin:0;font-size:1.28rem;line-height:1.18}.video-info p{margin:0}.content-fix-note{border-radius:var(--radius);color:#9f2440;background:#fff3f5;width:fit-content;padding:7px 9px;font-weight:900}.video-info a,.lesson-meta a{border-radius:var(--radius);color:#fff;background:var(--brand-gradient);justify-content:center;align-items:center;width:fit-content;min-height:34px;padding:8px 11px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #5a35a824}.content-readiness{border-radius:var(--radius);background:#e7f6efb8;border:1px solid #16895f38;gap:8px;padding:12px;display:grid}.content-readiness strong{color:var(--kvis-green-dark)}.content-readiness.not-ready{background:#fff3f5;border-color:#d43f5e42}.content-readiness.not-ready strong{color:#9f2440}.creator-preview{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;gap:12px;padding:14px;display:grid}.content-editor h1{max-width:14ch;font-size:clamp(2.2rem,5vw,3rem);line-height:1}.creator-preview-frame{border-radius:var(--radius);min-height:0}.creator-preview-frame .video-frame{height:100%}.creator-preview h2,.creator-preview p{margin:0}.preview-status{width:fit-content;color:var(--kvis-purple-dark);background:var(--purple-soft);border-radius:8px;padding:7px 9px;font-weight:900}.empty-video-preview{border:1px dashed var(--line);background:#ffffffa3;border-radius:8px;padding:18px}.lesson-list{gap:10px;display:grid}.lesson-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px;display:grid}.lesson-row h2{margin:0 0 4px;font-size:1.1rem}.lesson-row p{margin:0}.lesson-meta{justify-content:flex-end;gap:10px}.subject-select-grid .subject-card{height:100%;min-height:0;padding:18px}.subject-select-card h2{margin:0;font-size:1.7rem}.subject-card.elevated{min-height:245px}.admin-tools{background:var(--purple-soft);gap:10px;min-width:230px;padding:14px;display:grid}.admin-tools span{color:var(--kvis-purple-dark);text-transform:uppercase;font-size:.78rem;font-weight:950}.learning-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.section-head.compact{box-shadow:none;margin-bottom:12px}.one-column{grid-template-columns:1fr}.resource-list{gap:12px;display:grid}.resource-card{border-left:6px solid var(--mode);gap:10px;padding:18px;display:grid}.resource-card h3{margin:0}.resource-card p{margin-bottom:0}.resource-card small{color:var(--muted);font-weight:850}.empty-mini{padding:18px}.empty-mini p{margin:0}.guided-empty,.empty-video-preview{justify-content:space-between;align-items:center;gap:14px;display:flex}.guided-empty strong{color:var(--ink);margin-bottom:4px;display:block}.guided-empty p,.empty-video-preview p{color:var(--muted)}.content-lesson-page{gap:16px;display:grid}.content-lesson-hero,.lesson-player-card,.download-panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#ffffffe6}.content-lesson-hero{border-top:6px solid var(--subject);justify-content:space-between;align-items:end;gap:18px;min-height:230px;padding:clamp(22px,5vw,42px);display:flex}.content-lesson-hero h1{max-width:15ch;margin:10px 0 8px;font-size:clamp(2.4rem,7vw,4.8rem);line-height:.95}.content-lesson-hero p:not(.eyebrow){max-width:760px;color:var(--muted);margin:0;font-weight:850}.content-lesson-layout{grid-template-columns:minmax(0,1fr) minmax(290px,.34fr);align-items:start;gap:16px;display:grid}.lesson-player-card{overflow:hidden}.lesson-player-card>.video-frame,.lesson-player-card>.video-thumb{border-radius:0;max-height:min(62vh,680px)}.lesson-player-card>.video-frame iframe{background:#000}.fact-hero-poster{background:linear-gradient(135deg,#11865b29,#5a35a82e),#f8fafc;place-items:center;min-height:min(62vh,680px);display:grid;position:relative;overflow:hidden}.fact-hero-poster:after{content:"";background:linear-gradient(#14203305,#1420333d);position:absolute;inset:0}.fact-poster-badge{z-index:1;color:#fff;background:#142033b8;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:950;position:absolute;bottom:16px;right:16px}.fact-detail-panel{border-top:1px solid var(--line);background:#ffffffd6;gap:10px;padding:20px;display:grid}.fact-detail-panel h2{margin:0;font-size:clamp(1.35rem,2.8vw,2rem)}.fact-detail-panel p:not(.eyebrow){max-width:78ch;color:var(--muted);margin:0;font-size:1.02rem;font-weight:780;line-height:1.75}.lesson-player-meta{gap:10px;padding:18px;display:grid}.lesson-player-meta h2,.lesson-player-meta p,.download-panel h2,.download-panel p{margin:0}.lesson-download-sidebar{gap:12px;display:grid;position:sticky;top:14px}.download-panel{gap:12px;padding:18px;display:grid}.download-panel p{color:var(--muted);font-weight:800}.download-button{color:#fff;background:linear-gradient(135deg, var(--kvis-green-dark), var(--kvis-purple));border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:10px 16px;font-weight:950;display:inline-flex}.download-empty{border-radius:var(--radius);color:var(--kvis-green-dark);background:#e8f7efb3;border:1px dashed #11865b47;gap:5px;padding:14px;display:grid}.download-empty span{color:var(--muted);font-weight:800}.practice-panel{border-left:5px solid var(--kvis-purple)}.practice-list{gap:10px;display:grid}.practice-list article{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffbd;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.practice-list strong,.practice-list span{display:block}.practice-list span{color:var(--muted);margin-top:3px;font-size:.88rem;font-weight:850}.toast{border:1px solid #5a35a842;border-left:6px solid var(--kvis-purple);color:var(--kvis-purple-dark);background:#fff;border-radius:8px;margin:0 0 16px;padding:12px 14px;font-weight:800}.home-grid,main{gap:20px;display:grid}.hero-panel,.stats-strip,.section-head,.subject-card,.quiz-card,.auth-card,.quiz-title-card,.question-card,.result-row,.form-title-card,.builder-card,.builder-actions,.empty-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow-sm)}.hero-panel{grid-template-columns:minmax(0,1.05fr) minmax(320px,.72fr);align-items:stretch;gap:18px;min-height:460px;padding:18px;display:grid}.hero-copy{align-content:center;gap:18px;padding:22px;display:grid}.eyebrow{border-radius:var(--radius);width:fit-content;color:var(--kvis-purple-dark);background:var(--purple-soft);text-transform:uppercase;margin:0;padding:7px 10px;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:3.8rem;line-height:.98}h2{font-size:1.55rem}h3{font-size:1.2rem}p{color:var(--muted);line-height:1.65}.hero-copy p{max-width:62ch;font-size:1.08rem}.hero-actions,.card-line,.question-head,.builder-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hero-photo{background:var(--green-soft);border-radius:8px;min-height:320px;margin:0;position:relative;overflow:hidden}.hero-photo img{object-fit:cover;width:100%;height:100%}.hero-photo figcaption{color:#fff;background:#142033c7;border-radius:8px;padding:9px 11px;font-size:.85rem;font-weight:900;position:absolute;bottom:12px;right:12px}.stats-strip{grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.stats-strip article{border-right:1px solid var(--line);background:linear-gradient(#fff,#f9fbff);padding:20px}.stats-strip article:last-child{border-right:0}.stats-strip span{color:var(--kvis-green-dark);font-size:2rem;font-weight:900;display:block}.stats-strip p{margin:0;font-weight:800}.section-head{box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:18px;padding:20px;display:flex}.page-head h1,.section-head h2{margin:8px 0 0}.subject-grid,.quiz-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.quiz-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.subject-card,.quiz-card{border-top:6px solid var(--subject);align-content:space-between;gap:12px;min-height:220px;padding:18px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.subject-card:hover,.quiz-card:hover,.resource-card:hover,.lesson-row:hover,.video-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.subject-card span,.subject-pill,.status-pill{color:#fff;background:var(--subject);border-radius:8px;width:fit-content;padding:6px 9px;font-size:.8rem;font-weight:900}.status-pill{color:var(--kvis-purple-dark);background:var(--purple-soft)}.quiz-card h2{margin-bottom:0}.card-line{justify-content:space-between}.admin-quiz-card{min-height:250px}.admin-quiz-card.needs-work{background:linear-gradient(180deg, #fffffffa, #fff8fab8), var(--panel)}.admin-card-readiness{border-radius:var(--radius);color:var(--kvis-green-dark);background:var(--green-soft);border:1px solid #16895f38;gap:3px;padding:9px 10px;display:grid}.admin-card-readiness.not-ready{color:#9f2440;background:#fff3f5;border-color:#d43f5e3d}.admin-card-readiness.draft-ready{color:var(--kvis-purple-dark);background:var(--purple-soft);border-color:#5a35a838}.admin-card-readiness strong{font-weight:950}.admin-card-readiness small{color:inherit;font-weight:800;line-height:1.3}.auth-layout{place-items:center;min-height:calc(100vh - 140px);padding-top:0}.auth-card{width:min(860px,100%);padding:24px}.auth-card h1{margin:12px 0 20px;font-size:2.5rem}.auth-panel{grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);align-items:stretch;gap:18px;padding:18px;display:grid}.auth-story,.auth-form-panel{border-radius:var(--radius);align-content:center;gap:16px;padding:20px;display:grid}.auth-story{color:#fff;background:linear-gradient(135deg,#11865beb,#5a35a8eb),url(/assets/kvisdom-roadshow-class-CAYEU6yK.jpg) 50%/cover}.auth-story .eyebrow{color:#fff;background:#ffffff29}.auth-story h1,.auth-story p{color:#fff;margin:0}.auth-benefits{flex-wrap:wrap;gap:8px;display:flex}.auth-benefits span{border-radius:var(--radius);color:#fff;background:#ffffff1f;border:1px solid #ffffff47;padding:7px 9px;font-size:.8rem;font-weight:900}.onboarding-page{align-content:center;min-height:calc(100vh - 96px)}.onboarding-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);align-items:stretch;gap:16px;display:grid}.onboarding-card,.onboarding-preview,.profile-editor-card,.achievement-board{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#ffffffe6}.onboarding-card{border-top:6px solid var(--kvis-purple);padding:clamp(20px,4vw,34px)}.onboarding-card h1{margin:8px 0 10px;font-size:clamp(2.1rem,5vw,3.4rem)}.onboarding-preview{border-top:6px solid var(--subject);align-content:start;gap:14px;padding:22px;display:grid}.onboarding-preview h2{margin:0;font-size:2rem}.onboarding-subject-stats{gap:8px;display:grid}.onboarding-subject-stats span,.onboarding-next{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:10px 12px;font-weight:850}.onboarding-next p{margin:4px 0 0}.auth-form-panel{background:#f8fafcb8}.auth-switch{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:repeat(2,1fr);gap:6px;padding:5px;display:grid}.auth-switch button{min-height:36px;box-shadow:none;background:0 0;border:0}.auth-switch button.active{color:#fff;background:var(--brand-gradient)}.google-auth-button{border:1px solid var(--line);min-height:48px;color:var(--ink);box-shadow:var(--shadow-sm);background:#fff;justify-content:center;align-items:center;gap:10px;display:flex}.google-mark{flex:0 0 24px;width:24px;height:24px}.guest-auth-button{min-height:48px;color:var(--green-dark);background:#e8f6edc2;border:1px solid #11865b3d;justify-items:center;gap:3px;display:grid}.guest-auth-button small{color:var(--muted);font-size:.76rem;font-weight:850}.email-auth-details{border-top:1px solid var(--line);gap:10px;padding-top:6px;display:grid}.email-auth-details summary{cursor:pointer;color:var(--muted);text-align:center;font-size:.9rem;font-weight:900}.email-auth-details[open] summary{color:var(--green-dark)}.email-auth-actions{display:grid}.email-auth-details .form-stack{gap:10px}.email-auth-details label{gap:5px;font-size:.88rem}.email-auth-details input{min-height:44px}.email-auth-actions button{min-height:44px;padding-inline:10px;font-size:.86rem}.email-signup-card{gap:12px;display:grid}.email-signup-card h2,.email-signup-card p{margin:0}.email-signup-card h2{font-size:1.55rem;line-height:1.1}.email-signup-card p{color:var(--muted);font-size:.9rem;font-weight:800}.email-signup-card form{margin-top:4px}.email-signup-prompt{color:var(--muted);text-align:center;margin:-2px 0 0;font-size:.82rem;font-weight:850}.email-signup-prompt button{min-height:auto;color:var(--green-dark);box-shadow:none;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:950;text-decoration:underline}.text-link-button{min-height:auto;color:var(--green-dark);box-shadow:none;text-align:center;text-underline-offset:3px;background:0 0;border:0;padding:2px 0;font-size:.86rem;font-weight:950;text-decoration:underline}.auth-divider{color:var(--muted);align-items:center;gap:10px;font-size:.82rem;font-weight:900;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.signed-in-card{justify-items:start;gap:12px;width:min(620px,100%);display:grid}.signed-in-card h1,.signed-in-card p{margin:0}.form-stack,.builder-form,.question-stack,.builder-stack,.choice-list,.results-list{gap:14px;display:grid}label{color:var(--ink);gap:7px;font-weight:850;display:grid}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:#fff;padding:11px 12px;transition:border-color .16s,box-shadow .16s}textarea{resize:vertical;min-height:96px}.helper{border-radius:var(--radius);background:var(--green-soft);color:var(--kvis-green-dark);margin:16px 0 0;padding:10px;font-size:.9rem;font-weight:800}.empty-score-state{text-align:left;justify-items:start;gap:10px;padding:24px;display:grid}.empty-score-state h2,.empty-score-state p{margin:0}.empty-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.quiz-take{width:min(920px,100%);margin:0 auto;position:relative}.quiz-title-card,.question-card,.form-title-card,.builder-card,.builder-actions{padding:20px}.quiz-title-card{border-top:6px solid var(--subject);background:linear-gradient(145deg, #fffffff5, #f8fafce6), var(--panel);justify-content:space-between;align-items:center;gap:18px;display:flex}.quiz-title-card h1{max-width:760px;font-size:clamp(2.1rem,5vw,3.35rem)}.quiz-title-meta,.results-summary{grid-template-columns:repeat(2,minmax(0,auto));gap:10px;display:grid}.quiz-title-meta span,.results-summary article{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#fff;padding:10px 12px;font-weight:850}.quiz-title-meta strong,.results-summary span{color:var(--kvis-purple-dark);font-weight:950}.quiz-progress-card{z-index:3;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#ffffffeb;gap:10px;padding:14px;display:grid;position:sticky;top:10px}.quiz-progress-card div:first-child{justify-content:space-between;gap:14px;display:flex}.quiz-progress-card strong{color:var(--kvis-purple-dark)}.quiz-progress-card span{color:var(--muted);font-weight:800}.quiz-progress-track,.result-progress{background:#dce3efe6;border-radius:999px;height:8px;overflow:hidden}.quiz-progress-track span,.result-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--kvis-green), var(--kvis-purple));height:100%;transition:width .18s;display:block}.question-head{justify-content:space-between;align-items:flex-start}.question-head h2{margin-bottom:0;font-size:clamp(1.18rem,2.2vw,1.45rem);line-height:1.32}.question-head span{border-radius:var(--radius);color:var(--kvis-green-dark);background:var(--green-soft);flex:none;padding:7px 10px;font-weight:900}.choice-row,.builder-choice{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;padding:13px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;display:grid;position:relative}.choice-row:hover{box-shadow:var(--shadow-sm);border-color:#5a35a847;transform:translateY(-1px)}.choice-row input,.builder-choice input[type=radio]{width:auto;accent-color:var(--kvis-purple)}.choice-row:has(input:checked){background:#efeafd8c;border-color:#5a35a866}.choice-row.correct-choice{background:var(--green-soft);border-color:#16895f66}.choice-row.wrong-choice{background:#fff3f5;border-color:#d43f5e61}.choice-row.muted-choice{opacity:.62}.choice-row input:disabled+span{color:inherit}.answer-note{border-radius:var(--radius);background:#fff3f5;border:1px solid #d43f5e3d;margin-top:14px;padding:12px}.answer-note.correct{background:var(--green-soft);border-color:#16895f3d}.answer-note p{margin:4px 0 0}.score-panel{border-radius:var(--radius);color:#fff;background:radial-gradient(circle at 8% 0%, #fff3, transparent 16rem), var(--brand-gradient);box-shadow:var(--shadow);gap:14px;padding:20px;display:grid}.score-panel .eyebrow{color:#fff;background:#ffffff29}.score-panel-main,.score-actions{align-items:center;gap:16px;display:flex}.score-ring{background:radial-gradient(circle at center, #142033b8 0 56%, transparent 57%), conic-gradient(#fff calc(var(--score) * 1%), #ffffff38 0);border-radius:999px;flex:none;place-items:center;width:112px;height:112px;display:grid}.score-ring strong,.score-ring span{grid-area:1/1}.score-ring strong{color:#fff;font-size:1.55rem;line-height:1;transform:translateY(-9px)}.score-ring span{color:#ffffffb8;font-size:.78rem;font-weight:900;transform:translateY(16px)}.score-panel h2,.score-panel p{color:#fff;margin:0}.score-actions{flex-wrap:wrap}.score-actions button{color:var(--ink);background:#fff}.score-actions button.primary{color:#fff;background:#14203347}.result-row{grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;display:grid}.result-row p{margin:4px 0 0}.result-row b{color:var(--kvis-purple-dark);justify-items:end;font-size:1.2rem;display:grid}.result-row b small{color:var(--muted);font-size:.76rem}.results-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.results-summary article{gap:4px;display:grid}.results-summary span{font-size:2rem;display:block}.results-summary p{margin:0;font-weight:850}.result-progress{width:min(260px,100%);margin-top:8px}.profile-page{gap:14px;display:grid}.profile-shell{grid-template-columns:minmax(0,.95fr) minmax(360px,.72fr);align-items:stretch;gap:14px;display:grid}.profile-player-card,.profile-progress-card,.profile-stat-grid article,.profile-history,.profile-actions{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#ffffffeb}.profile-player-card{border-top:6px solid var(--kvis-green);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:clamp(20px,4vw,34px);display:grid}.profile-avatar{aspect-ratio:1;color:#fff;background:radial-gradient(circle at 30% 20%, #ffffff47, transparent 34%), linear-gradient(135deg, var(--kvis-green-dark), var(--kvis-purple));border-radius:26px;place-items:center;width:clamp(76px,10vw,112px);font-size:clamp(1.8rem,4vw,3rem);font-weight:950;display:grid;box-shadow:0 18px 42px #5a35a829}.student-avatar{filter:drop-shadow(0 18px 26px #194a2f1f);width:100%;max-width:190px;height:auto;display:block}.student-avatar.compact{max-width:112px}.avatar-designer{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 12% 0,#11865b1a,#0000 9rem),#fff;grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);align-items:center;gap:16px;padding:16px;display:grid}.avatar-preview-card{border-radius:var(--radius);background:linear-gradient(#e8f7eead,#f1effa9e);border:1px solid #11865b1f;place-items:center;min-height:210px;display:grid}.avatar-controls{border-radius:var(--radius);background:#ffffffdb;border:1px solid #194a2f1c;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.avatar-controls label{color:var(--ink);gap:5px;font-weight:900;display:grid}.avatar-controls select{min-width:0}.achievement-board{gap:14px;padding:16px;display:grid}.achievement-board.compact{padding:14px}.achievement-groups{gap:18px;max-height:min(760px,72vh);padding-right:4px;display:grid;overflow:auto}.achievement-board.compact .achievement-groups{max-height:540px}.achievement-category{gap:10px;display:grid}.achievement-category-head{z-index:1;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafdfaf0;border:1px solid #194a2f1c;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex;position:sticky;top:0}.achievement-category-head strong{color:var(--kvis-green-dark);text-transform:uppercase;font-size:.9rem;font-weight:950}.achievement-category-head span{color:var(--kvis-purple-dark);font-weight:950}.achievement-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.achievement-badge{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid;position:relative;overflow:hidden}.achievement-badge:before{pointer-events:none;content:"";opacity:0;background:radial-gradient(circle at 18% 14%,#fffc,#0000 7rem);position:absolute;inset:0}.achievement-badge>*{z-index:1;position:relative}.achievement-badge.tier-solid{background:linear-gradient(135deg,#2d70460a,#fffffff5 48%),#fff}.achievement-badge.tier-advanced{background:linear-gradient(135deg,#2d70460f,#5d4aa70e),#fff;border-color:#5a35a82e}.achievement-badge.tier-elite{background:linear-gradient(135deg,#d99a2517,#5d4aa70e 54%,#fffffff5),#fff;border-color:#d99a2547}.achievement-badge.tier-legendary{background:radial-gradient(circle at 14% 8%,#d99a252e,#0000 7rem),linear-gradient(135deg,#2d704614,#5d4aa71c 58%,#fffffffa),#fff;border-color:#d99a2561;box-shadow:0 18px 40px #2d704614}.achievement-badge.tier-elite:before,.achievement-badge.tier-legendary:before{opacity:.7}.achievement-badge.kind-exp,.achievement-badge.kind-subject-exp{border-left:4px solid #d99a25}.achievement-badge.kind-subject-quiz,.achievement-badge.kind-quiz-count{border-left:4px solid var(--kvis-green)}.achievement-badge.kind-subject-mastery,.achievement-badge.kind-perfect,.achievement-badge.kind-accuracy{border-left:4px solid var(--kvis-purple)}.achievement-badge.kind-streak,.achievement-badge.kind-level{border-left:4px solid #d99a25c7}.achievement-badge.kind-exp,.achievement-badge.kind-subject-exp{background:radial-gradient(circle at 12% 8%,#d99a251f,#0000 7rem),linear-gradient(135deg,#2d70460e,#5d4aa70a),#fff}.achievement-badge.kind-subject-quiz,.achievement-badge.kind-quiz-count{background:linear-gradient(135deg,#e8f7eed1,#fffffff5),#fff}.achievement-badge.kind-subject-mastery,.achievement-badge.kind-perfect,.achievement-badge.kind-accuracy{background:linear-gradient(135deg,#f1effadb,#fffffff5),#fff}.achievement-badge.locked{opacity:.78}.achievement-badge strong,.achievement-badge p,.achievement-badge small{display:block}.achievement-badge p{color:var(--muted);margin:4px 0 0;font-size:.88rem;font-weight:820;line-height:1.35}.achievement-badge small{color:var(--kvis-purple-dark);margin-top:7px;font-weight:900}.achievement-badge.tier-elite small,.achievement-badge.tier-legendary small{color:#7a5412}.achievement-icon{width:72px;height:72px}.achievement-icon.tier-advanced,.achievement-icon.tier-elite,.achievement-icon.tier-legendary{filter:drop-shadow(0 8px 14px #2d704617)}.achievement-icon.tier-legendary{transform:scale(1.05)}.achievement-icon.locked{opacity:.82;filter:grayscale(.22)}.profile-editor-card{border-top:6px solid var(--kvis-purple);grid-template-columns:1fr;align-items:stretch;gap:16px;padding:clamp(18px,3vw,28px);display:grid}.profile-editor-card h2,.profile-editor-card p{margin-bottom:6px}.profile-editor-form{gap:12px;display:grid}.profile-editor-form>.primary{justify-self:end;min-width:220px}.profile-player-card h1{max-width:18ch;margin:8px 0 4px;font-size:clamp(2rem,4.8vw,3.7rem);line-height:.98}.profile-player-card p:not(.eyebrow),.profile-exp-copy p{color:var(--muted);margin:0;font-weight:850}.profile-badges{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.profile-badges span{color:var(--kvis-green-dark);background:var(--green-soft);border:1px solid #11865b29;border-radius:999px;padding:7px 10px;font-weight:950}.profile-progress-card{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:clamp(18px,3vw,26px);display:grid}.level-emblem{aspect-ratio:1;color:#fff;background:radial-gradient(circle at 35% 24%, #ffffff4d, transparent 34%), linear-gradient(135deg, var(--kvis-green-dark), var(--kvis-purple));border:1px solid #5a35a833;border-radius:999px;place-items:center;width:clamp(96px,12vw,136px);display:grid;box-shadow:0 22px 48px #5a35a829}.level-emblem span,.level-emblem strong{grid-area:1/1}.level-emblem span{opacity:.78;align-self:start;margin-top:25%;font-size:.82rem;font-weight:950}.level-emblem strong{align-self:end;margin-bottom:18%;font-size:clamp(3.1rem,6vw,4.7rem);line-height:.82}.profile-exp-copy{gap:9px;display:grid}.profile-exp-copy h2{margin:0;font-size:clamp(1.35rem,3vw,2rem)}.exp-track{height:14px}.profile-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.profile-stat-grid article{padding:16px}.profile-stat-grid span{color:var(--kvis-purple-dark);font-size:clamp(1.8rem,4vw,2.7rem);font-weight:950;display:block}.profile-stat-grid p{color:var(--muted);margin:2px 0 0;font-weight:850}.profile-next{min-height:150px}.profile-history{gap:12px;padding:18px;display:grid}.profile-actions{flex-wrap:wrap;gap:10px;padding:14px;display:flex}.subject-dot{border-radius:var(--radius);background:var(--subject);width:14px;height:48px}.builder{width:min(1180px,100%);margin:0 auto;padding-top:0}.builder-studio{grid-template-columns:minmax(0,1fr) minmax(300px,.42fr);align-items:start;gap:16px;display:grid}.builder-main-column{gap:14px;min-width:0;display:grid}.form-title-card,.builder-card{border-left:6px solid var(--kvis-purple)}.quiz-builder-title{gap:14px;display:grid}.quiz-live-preview{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #fffffff5, #f9fbffeb), var(--panel-strong);box-shadow:var(--shadow-sm);gap:12px;padding:14px;display:grid;position:sticky;top:12px}.creator-side-panel{align-self:start;gap:12px;display:grid;position:sticky;top:12px}.content-studio .content-editor{gap:14px;display:grid}.preview-quiz-card{border-top:6px solid var(--subject,var(--kvis-green));border-radius:var(--radius);box-shadow:inset 0 0 0 1px var(--line);background:#fff;gap:12px;padding:16px;display:grid}.preview-quiz-card h2{margin:0;font-size:1.35rem;line-height:1.18}.preview-quiz-card p{margin:0;line-height:1.45}.preview-question{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;gap:8px;padding:12px;display:grid}.preview-question small{color:var(--kvis-purple-dark);text-transform:uppercase;font-weight:950}.preview-question strong{line-height:1.3}.preview-question span{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#fff;padding:9px 10px;font-weight:850}.preview-publish-state{border-radius:var(--radius);color:var(--kvis-green-dark);background:var(--green-soft);border:1px solid #16895f3d;gap:3px;padding:11px;font-weight:900;display:grid}.preview-publish-state.not-ready{color:#9f2440;background:#fff3f5;border-color:#d43f5e3d}.preview-publish-state span{color:inherit;font-size:.82rem}.builder-title-head,.builder-metrics,.publish-readiness,.answer-key-summary{align-items:center;display:flex}.builder-title-head{justify-content:space-between;gap:18px}.builder-title-head h1{margin:6px 0 0;font-size:clamp(2rem,4vw,3rem)}.publish-readiness{color:var(--kvis-green-dark);background:var(--green-soft);border:1px solid #16895f3d;border-radius:8px;flex-direction:column;flex:none;align-items:flex-start;padding:10px 12px;font-weight:900}.publish-readiness.not-ready{color:#9f2440;background:#fff3f5;border-color:#d43f5e3d}.publish-readiness span{color:inherit;font-size:.8rem}.builder-metrics{flex-wrap:wrap;gap:10px}.builder-metrics span{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:8px;padding:8px 10px;font-weight:850}.builder-metrics strong{color:var(--kvis-purple-dark)}.readiness-list{color:#9f2440;background:#fff8fa;border:1px solid #d43f5e33;border-radius:8px;gap:7px;margin:0;padding:12px 12px 12px 30px;font-weight:800;display:grid}.builder-question-shell{grid-template-columns:minmax(0,1fr) minmax(240px,.42fr);align-items:start;gap:14px;display:grid}.builder-question-main,.answer-key-panel{gap:12px;display:grid}.answer-key-panel{background:#efeafd94;border:1px solid #5a35a82e;border-radius:8px;padding:14px}.answer-key-summary{background:#fff;border-radius:8px;justify-content:space-between;gap:10px;padding:10px}.answer-key-summary span{color:var(--muted);font-size:.78rem;font-weight:900}.answer-key-summary strong{color:var(--kvis-purple-dark);text-align:right}.builder-topline{background:linear-gradient(90deg, var(--kvis-green), var(--kvis-purple));border-radius:8px 8px 0 0;height:8px;margin:-20px -20px 18px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fixed-type-field{background:#e8f7ef85;border:1px solid #194a2f21;border-radius:8px;align-content:center;gap:3px;min-height:58px;padding:10px 12px;display:grid}.fixed-type-field span,.fixed-type-field small{color:var(--muted);font-size:.82rem;font-weight:850}.fixed-type-field strong{color:var(--kvis-green-dark);font-weight:950}.choice-editor{gap:9px;margin:12px 0;display:grid}.question-image-builder{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafcb8;gap:8px;padding:10px;display:grid}.question-image-builder p{margin:3px 0 0;line-height:1.35}.resource-file-builder{border:1px solid var(--line);border-radius:var(--radius);background:#e8f7ef75;gap:8px;padding:12px;display:grid}.resource-file-builder p{margin:3px 0 0;line-height:1.35}.cover-image-builder{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafcb8;gap:10px;padding:12px;display:grid}.cover-image-builder p{margin:3px 0 0;line-height:1.35}.fact-cover-builder{background:#e8f7ef75}.content-cover-preview{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:156px;color:var(--muted);text-align:center;background:linear-gradient(90deg,#1420330a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#14203309 1px,#0000 1px) 0 0/24px 24px,linear-gradient(135deg,#10895b29,#5a35a82e),#fff;place-items:center;font-weight:900;display:grid;position:relative;overflow:hidden}.content-cover-preview.fact-cover-preview{aspect-ratio:4/5;width:min(220px,100%);min-height:0}.content-cover-preview.has-image{background:#fff;border-style:solid}.content-cover-preview img{object-fit:cover;width:100%;height:100%;display:block}.content-cover-preview button{color:#9f2440;background:#ffffffed;border:1px solid #9f24403d;border-radius:999px;min-height:34px;padding:6px 10px;font-weight:900;position:absolute;bottom:10px;right:10px}.auto-cover-note{color:var(--kvis-green-dark);background:#ffffffeb;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:950;position:absolute;bottom:10px;left:10px}.cover-crop-workspace{border-radius:var(--radius);background:#ffffffb8;border:1px solid #194a2f1f;gap:10px;padding:12px;display:grid}.cover-crop-workspace[hidden]{display:none}.cover-focus-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.cover-focus-head strong{color:var(--ink)}.cover-focus-head span{color:var(--muted);font-size:.86rem;font-weight:850}.cover-crop-stage{border-radius:var(--radius);background-color:#e8f7ef7a;background-image:linear-gradient(90deg,#1420330d 1px,#0000 1px),linear-gradient(#1420330b 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;padding:14px;display:grid}.cover-crop-frame{aspect-ratio:4/5;border-radius:var(--radius);background:#111827;border:2px solid #fffffff0;width:min(260px,100%);position:relative;overflow:hidden;box-shadow:0 18px 42px #14203333}.cover-crop-frame:after{content:"";pointer-events:none;border:1px solid #ffffffb8;position:absolute;inset:0}.cover-crop-frame img{object-fit:cover;width:100%;height:100%}.cover-crop-workspace label{gap:6px}.cover-crop-workspace input[type=range]{width:100%;accent-color:var(--kvis-purple)}.cover-focus-presets{flex-wrap:wrap;gap:8px;display:flex}.cover-focus-presets button{border-radius:999px;min-height:34px;padding:6px 12px;font-size:.88rem}.cover-crop-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.resource-file-preview{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:54px;color:var(--muted);background:#ffffffb3;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-weight:850;display:flex}.resource-file-preview.has-file{color:var(--kvis-green-dark);background:#fff;border-style:solid}.image-upload-control{border-radius:var(--radius);width:fit-content;min-height:40px;color:var(--kvis-purple-dark);cursor:pointer;background:#fff;border:1px solid #5a35a838;justify-content:center;align-items:center;padding:8px 12px;font-weight:900;display:inline-flex}.image-upload-control input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.question-image-preview{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:76px;color:var(--muted);text-align:center;background:#fff;place-items:center;padding:10px;font-weight:850;display:grid}.question-image-preview.has-image{text-align:left;place-items:stretch stretch}.image-upload-message{color:var(--muted);font-weight:800}.question-image{gap:7px;width:min(640px,100%);margin:14px 0;display:grid}.question-image.compact{width:100%;margin:6px 0}.question-image img{border:1px solid var(--line);border-radius:var(--radius);object-fit:contain;background-color:#fff;background-image:linear-gradient(90deg,#14203309 1px,#0000 1px),linear-gradient(#14203308 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;max-height:340px;display:block}.question-image.compact img{max-height:150px}.question-image figcaption{color:var(--muted);margin:0;font-size:.86rem;font-weight:850;line-height:1.35}.empty-state{text-align:center;padding:34px}.route-empty-state{justify-items:center;width:min(560px,100%);margin:10vh auto 0}.route-empty-state p{margin-bottom:0}@media (width<=920px){h1{font-size:2.7rem}.hero-panel,.section-head{align-items:stretch}.section-head{flex-direction:column}.hero-panel,.auth-panel{grid-template-columns:1fr}.subject-grid,.quiz-grid,.video-preview-grid,.mode-grid,.learning-path,.status-board,.creator-overview,.learning-columns,.quote-band{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-top-grid,.topic-search-form,.topic-search-panel.compact .topic-search-form,.hero-search,.onboarding-layout,.profile-editor-card,.avatar-designer{grid-template-columns:1fr}.avatar-preview-card{min-height:180px}.study-sequence-strip{grid-template-columns:1fr}.study-hero,.subject-room-head,.subject-main-row,.quiz-title-card,.next-action-card{flex-direction:column;align-items:stretch}.subject-mini-stats{justify-content:flex-start}.video-card{grid-template-columns:1fr}.video-thumb.needs-cover{border-right:0;border-bottom:1px solid var(--line)}.builder-question-shell,.builder-studio{grid-template-columns:1fr}.quiz-live-preview,.creator-side-panel{order:-1;position:static}.builder-title-head{flex-direction:column;align-items:stretch}.results-summary,.queue-list article{grid-template-columns:1fr}.publish-readiness{width:100%}.admin-tools{min-width:0}}@media (width<=620px){#app{width:min(100% - 20px,1180px)}#app.has-corners{padding-top:12px}#app.is-home{padding-top:10px}.site-nav{align-items:flex-start;gap:12px;margin-bottom:16px}.site-logo{flex:none;width:112px;height:32px}.site-links{flex-wrap:wrap;justify-content:flex-end;gap:10px 14px;max-width:calc(100vw - 160px)}.site-links button{min-height:26px;padding:0;font-size:.74rem}h1{font-size:2.15rem}p{line-height:1.45}.hero-copy,.quiz-title-card,.question-card,.form-title-card,.builder-card,.builder-actions{padding:14px}.quiz-title-card{gap:10px}.quiz-title-card h1{font-size:1.65rem;line-height:1.08}.quiz-title-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.quiz-title-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-title-meta span{padding:7px 8px;font-size:.82rem}.quiz-progress-card{padding:11px}.quiz-progress-card div:first-child{flex-direction:column;gap:3px}input,select,textarea{padding:9px 10px}label{gap:5px}.auth-card{padding:10px}.auth-story,.auth-form-panel{gap:10px;padding:12px}.auth-story h1{font-size:1.55rem}.auth-story p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.auth-benefits{gap:5px}.auth-benefits span{padding:5px 7px;font-size:.68rem}.auth-switch button{min-height:32px}.auth-form-panel .helper{margin-top:6px;font-size:.78rem}.stats-strip,.quiz-grid,.video-preview-grid,.mode-grid,.learning-path,.learning-columns,.quote-band,.achievement-grid,.form-grid{grid-template-columns:1fr}.topic-search-panel,.onboarding-card,.onboarding-preview,.achievement-board,.profile-editor-card{padding:12px}.achievement-badge{grid-template-columns:58px minmax(0,1fr)}.avatar-controls{grid-template-columns:1fr}.achievement-icon{width:58px;height:58px}.status-board{grid-template-columns:repeat(4,minmax(0,1fr))}.status-board article{border-right:1px solid var(--line);border-bottom:0;padding:10px 8px}.status-board span{font-size:clamp(1.2rem,7vw,1.7rem)}.status-board p{font-size:.72rem;line-height:1.2}.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.study-sequence-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sequence-step{text-align:center;grid-template-columns:1fr;justify-items:center;gap:4px;min-height:94px;padding:10px 6px}.sequence-step span{grid-row:auto;width:28px;height:28px;font-size:.82rem}.sequence-step strong{font-size:.82rem}.sequence-step small{display:none}.sequence-step em{font-size:.66rem;line-height:1.15}.quiz-live-preview{gap:8px;padding:10px}.preview-quiz-card{gap:8px;padding:12px}.preview-quiz-card h2{font-size:1.08rem}.preview-quiz-card p{font-size:.82rem;line-height:1.35}.preview-question{display:none}.content-tab{justify-content:space-between}.lesson-row,.compact-video-item{grid-template-columns:1fr}.compact-video-thumb .video-frame,.compact-video-thumb .video-thumb{border-right:0;border-bottom:1px solid var(--line)}.compact-video-item .content-actions{justify-content:flex-start;padding-top:0}.lesson-meta{justify-content:flex-start}.subject-overview,.subject-top-grid .next-action-card{padding:12px}.subject-overview,.subject-title-row{gap:10px}.subject-mini-stats{gap:7px}.subject-mini-stats span{padding:7px 8px;font-size:.82rem}.subject-top-grid .next-action-card h2{font-size:1rem}.subject-top-grid .next-action-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.subject-top-grid .next-action-card button{min-height:36px;padding:7px 10px}.subject-main-row h1{font-size:1.9rem}.subject-main-row p{font-size:.88rem}.subject-select-grid .subject-card{min-height:160px;padding:14px}.subject-select-card h2{font-size:1.38rem}.subject-select-card p{font-size:.82rem;line-height:1.35}.subject-select-card button{min-height:38px;padding:8px 10px;font-size:.82rem}.stats-strip article{border-right:0;border-bottom:1px solid var(--line)}.stats-strip article:last-child{border-bottom:0}.status-board article:last-child{border-right:0}.kvisdom-logo{font-size:clamp(3rem,17vw,5rem)}.brand-hero{min-height:calc(100vh - 10px);padding:20px 14px}.brand-subtitle{margin-top:14px;line-height:1.45}.start-button{margin-top:16px}.result-row{grid-template-columns:10px minmax(0,1fr)}.result-row b{grid-column:2}.route-subjects .study-home{grid-template-rows:auto auto auto;gap:10px;min-height:0}.route-subjects .site-nav{align-items:center;min-height:40px;margin-bottom:10px}.route-subjects .site-links{flex-wrap:nowrap;gap:12px;max-width:calc(100vw - 138px);overflow-x:auto}.route-subjects .site-links button{font-size:.7rem}.route-subjects .study-hero{min-height:0;padding:14px}.route-subjects .study-hero h1{font-size:1.9rem;line-height:1.04}.route-subjects .study-hero p:not(.eyebrow){margin-bottom:0;font-size:.8rem;line-height:1.4}.route-subjects .eyebrow{padding:5px 8px;font-size:.68rem}.route-subjects .subject-grid{gap:10px}.route-subjects .subject-select-grid .subject-card{gap:8px;min-height:126px;padding:12px}.route-subjects .subject-select-card h2{font-size:1.08rem}.route-subjects .subject-select-card p{margin-bottom:0;font-size:.72rem}.route-subjects .subject-select-card button{min-height:34px;padding:7px 8px;font-size:.76rem}}html,body{background-color:#f4faf6}body{background:radial-gradient(circle at 28% 42%,#ccf5dc94,#0000 34rem),radial-gradient(circle at 78% 18%,#e8f7eec7,#0000 30rem),linear-gradient(90deg,#2d704612 1px,#0000 1px) 0 0/44px 44px,linear-gradient(#2d70460f 1px,#0000 1px) 0 0/44px 44px,#f4faf6}body:before{display:none}a{color:var(--kvis-green-dark)}button{min-height:42px;color:var(--ink);box-shadow:none;background:#ffffffdb;border-color:#194a2f1f;border-radius:999px}button:hover{border-color:#2d704642;box-shadow:0 12px 28px #194a2f14}button.primary,.primary,.start-button,.video-info a,.lesson-meta a{color:#fff;background:linear-gradient(135deg, var(--kvis-green), var(--kvis-purple));border-color:#0000;box-shadow:0 14px 30px #2d70462e}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#2d70463d}#app{width:min(1260px,100% - 40px);padding-top:24px}#app.is-home{width:100%;padding:0}.site-nav{background:0 0;border:0;border-radius:0;width:min(1260px,100%);min-height:72px;margin:0 auto 18px}.site-logo{width:auto;min-width:124px;height:48px;padding:0}.site-links{gap:30px}.site-links button{color:#101915a8;min-height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font-size:.95rem}.site-links button:hover{color:var(--kvis-green-dark);box-shadow:none}.account-corner{z-index:20;width:46px;height:46px;min-height:46px;color:var(--kvis-green-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border:1px solid #194a2f1f;border-radius:999px;place-items:center;padding:0;display:grid;position:fixed;top:18px;right:24px;box-shadow:0 14px 34px #194a2f1a}.account-corner svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.account-corner:hover{color:#fff;background:linear-gradient(135deg, var(--kvis-green), var(--kvis-purple));transform:translateY(-1px)}.brand-hero{align-items:center;gap:clamp(32px,6vw,96px);place-items:initial;text-align:left;min-height:88vh;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);padding:clamp(44px,8vw,112px) clamp(28px,8vw,120px);display:grid}.unified-home{gap:0}.home-dashboard{gap:18px;width:min(1260px,100% - 40px);margin:0 auto 56px;scroll-margin-top:28px;display:grid}.brand-copy{align-content:center;gap:20px;display:grid}.academy-line{width:fit-content;color:var(--kvis-green-dark);letter-spacing:0;text-transform:none;background:#e8f7eee6;border-radius:999px;padding:7px 13px;font-size:.88rem}.kvisdom-logo{color:#0000;background:linear-gradient(112deg, var(--kvis-green) 0%, var(--kvis-green) 40%, #315f74 52%, var(--kvis-purple) 66%, var(--kvis-purple) 100%);-webkit-text-fill-color:transparent;background-size:180% 100%;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(4.5rem,8.5vw,8rem);font-weight:950;line-height:.96}.brand-subtitle{width:min(680px,100%);color:var(--kvis-green-dark);margin:0;font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:850;line-height:1.55}.hero-quote{max-width:700px;color:var(--ink);margin:0;font-size:clamp(1.05rem,1.35vw,1.2rem);font-weight:750;line-height:1.7}.hero-actions{margin-top:6px}.start-button{min-width:160px;min-height:52px;margin:0;padding-inline:24px}.hero-mini-board{justify-content:flex-start;margin-top:0}.hero-mini-board span{color:var(--kvis-purple-dark);background:#ffffffbd;border-color:#5d4aa724;border-radius:999px}.home-subject-panel{background:#ffffffb8;border:1px solid #194a2f1a;border-radius:8px;gap:16px;padding:18px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #194a2f14}.home-subject-panel:before{content:"";background:linear-gradient(90deg, var(--kvis-green), var(--kvis-purple), var(--kvis-green));background-size:220% 100%;height:3px;animation:7s ease-in-out infinite kvisLineTravel;position:absolute;inset:0 0 auto}.home-subject-panel.is-guiding{border-color:#5d4aa757;box-shadow:0 0 0 5px #5d4aa714,0 24px 60px #194a2f1a}.home-subject-head{gap:8px;padding:4px 4px 2px;display:grid}.home-subject-head h2{margin:0;font-size:clamp(1.6rem,2.4vw,2.15rem);line-height:1.1}.home-subject-card{text-align:left;background:#ffffffd6;border-radius:8px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:2px 16px;min-height:90px;padding:16px 18px;display:grid;position:relative;overflow:hidden}.home-subject-card:after{content:"";background:var(--subject);opacity:0;width:3px;transition:opacity .26s ease, transform .26s var(--motion-ease);border-radius:999px;position:absolute;inset:12px auto 12px 0;transform:scaleY(.4)}.home-subject-card:hover{border-color:#2d704633;transform:translateY(-2px);box-shadow:0 18px 42px #194a2f1a}.home-subject-card:hover:after{opacity:1;transform:scaleY(1)}.home-subject-card span{width:46px;height:46px;color:var(--kvis-green-dark);background:var(--green-soft);border-radius:999px;grid-row:span 2;place-items:center;font-weight:950;display:grid}.home-subject-card strong{font-size:1.1rem}.home-subject-card small{color:var(--muted);font-size:.92rem;font-weight:800}.learning-path article,.mode-card,.resource-card,.empty-mini,.study-hero,.subject-room-head,.admin-tools,.hero-panel,.stats-strip,.section-head,.subject-card,.quiz-card,.auth-card,.quiz-title-card,.question-card,.form-title-card,.builder-card,.builder-actions,.empty-state,.status-board,.creator-overview,.next-action-card,.creator-queue,.subject-overview,.active-learning-panel,.video-card,.lesson-row,.quiz-live-preview,.creator-preview{transition:transform .22s var(--motion-ease), border-color .22s ease, box-shadow .22s ease, background .22s ease;background:#ffffffdb;border-color:#194a2f1a;border-radius:8px;box-shadow:0 18px 45px #194a2f0f}.study-hero,.subject-room-head,.subject-overview,.quiz-title-card,.preview-quiz-card{border-top-width:5px}.study-hero:hover,.subject-overview:hover,.profile-progress-card:hover,.profile-player-card:hover,.creator-preview:hover{transform:translateY(-1px);box-shadow:0 22px 54px #194a2f14}.form-title-card,.builder-card{border-left-color:var(--kvis-purple)}.builder-topline{background:linear-gradient(90deg, var(--kvis-green), var(--kvis-purple))}.eyebrow{color:var(--kvis-green-dark);background:#e8f7eeeb;border-radius:8px}.preview-status,.status-pill,.queue-list article>span{color:var(--kvis-purple-dark);background:#f1effaeb;border-radius:8px}.status-board span,.creator-overview span,.quiz-title-meta strong,.results-summary span,.result-row b,.builder-metrics strong,.answer-key-summary strong,.subject-mini-stats strong,.panel-heading>span,.preview-question small{color:var(--kvis-purple-dark)}.creator-queue{border-left-color:var(--kvis-purple)}.admin-tools,.answer-key-panel{background:#f1effa9e}.answer-key-panel{border-color:#5d4aa729}.auth-story,.score-panel{background:radial-gradient(circle at 18% 0%, #ffffff29, transparent 16rem), var(--kvis-green)}.auth-switch button.active,.quiz-progress-track span,.result-progress span{background:linear-gradient(90deg, var(--kvis-green), var(--kvis-purple))}.choice-row:hover{background:#f1effa8a;border-color:#5d4aa747}.choice-row:has(input:checked){background:#f1effa8a;border-color:#5d4aa747}.choice-row input,.builder-choice input[type=radio]{accent-color:var(--kvis-purple)}input,select,textarea{background:#ffffffe6;border-color:#194a2f21;border-radius:8px}input:hover,select:hover,textarea:hover{border-color:#2d704647}.image-upload-control{color:var(--kvis-green-dark);border-color:#2d704638;border-radius:999px}.question-image-builder,.cover-image-builder,.preview-question,.content-cover-preview,.question-image-preview{background:#ffffffb8;border-color:#194a2f1f}.content-cover-preview:not(.has-image){background:linear-gradient(90deg,#1420330a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#14203309 1px,#0000 1px) 0 0/24px 24px,linear-gradient(135deg,#10895b29,#5a35a82e),#fff}.content-tab.active,.sequence-step span,.sequence-step:before,.subject-card span,.subject-pill,.subject-accent-label,.lesson-kind,.mode-card span,.resource-card span{box-shadow:none}.route-subjects .study-home{min-height:0}@keyframes kvisGridDrift{to{background-position:72px 72px,72px 72px}}@keyframes kvisLogoSheen{0%{background-position:0%}to{background-position:100%}}@keyframes kvisLineTravel{0%,to{background-position:0%}50%{background-position:100%}}@keyframes kvisExpFlow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes kvisPlayBreath{0%,to{transform:translate(-50%,-50%)scale(1);box-shadow:0 18px 38px #14203329}50%{transform:translate(-50%,-50%)scale(1.04);box-shadow:0 20px 46px #5a35a83d}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.motion-reveal{opacity:1;transform:none}}@media (width<=920px){.brand-hero{grid-template-columns:1fr;gap:28px;padding:38px 24px}.home-subject-panel{width:min(720px,100%)}.profile-shell{grid-template-columns:1fr}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){#app{width:min(100% - 20px,1180px)}.site-nav{min-height:56px}.site-logo{width:106px;height:40px}.account-corner{width:40px;height:40px;min-height:40px;top:12px;right:12px}.brand-hero{min-height:auto;padding:28px 18px}.home-dashboard{width:min(100% - 20px,1180px);margin-bottom:30px}.kvisdom-logo{font-size:clamp(3.2rem,17vw,4.8rem)}.brand-subtitle{font-size:1.08rem}.home-subject-card{grid-template-columns:46px minmax(0,1fr);min-height:78px;padding:13px}.home-subject-card span{width:38px;height:38px;font-size:.78rem}.profile-player-card,.profile-progress-card{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:16px}.profile-avatar,.level-emblem{width:72px}.profile-player-card h1{font-size:clamp(1.6rem,9vw,2.35rem)}.profile-badges{margin-top:8px}.level-emblem strong{font-size:2.7rem}.profile-exp-copy h2{font-size:1.15rem}.profile-stat-grid{grid-template-columns:1fr}}
