.action-bar{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.breadcrumb{align-items:center;gap:6px;margin-bottom:8px;font-size:.92rem;display:flex}.breadcrumb-link{color:var(--sidebar);cursor:pointer;background:0 0;border:none;padding:0 2px;font-weight:600;text-decoration:underline}.breadcrumb-current{color:var(--text-muted);font-weight:700}.breadcrumb-sep{color:var(--separator);margin:0 2px}.learner-lesson-drawer{background:var(--bg-panel);border-radius:var(--border-radius-lg);border:var(--border-width) solid var(--border);box-shadow:none;flex-direction:column;max-width:600px;min-height:60vh;margin:0 auto;padding:0 0 18px;display:flex}.drawer-header{flex-direction:column;gap:4px;padding:18px 18px 0;display:flex}.drawer-header h2{margin:0 0 2px;font-size:1.25rem}.drawer-header .overview{color:var(--text-muted);margin:0 0 2px;font-size:.98rem}.section-tabs{border-bottom:var(--border-width) solid var(--border);background:var(--bg-panel);gap:8px;padding:10px 18px;display:flex}.section-tabs button{border:var(--border-width) solid transparent;color:var(--sidebar);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-spring);background:0 0;padding:6px 14px;font-size:.95rem;font-weight:700}.section-tabs button:hover{border-color:var(--border-muted);transform:translateY(-2px)}.section-tabs button.active{background:var(--gold-gradient);border-color:var(--border);color:var(--text-primary);box-shadow:2px 2px 0px var(--border)}.drawer-content{flex:auto;padding:18px}.drawer-footer{border-top:1px solid var(--border);background:var(--bg-panel);padding:0 18px 12px}.worked-example{background:var(--warning-surface);border:var(--border-width) solid var(--border);border-radius:var(--border-radius-md);margin-top:10px;padding:8px 12px;font-size:.97rem}@media (max-width:700px){.learner-lesson-drawer{max-width:100vw;box-shadow:none;border-radius:0;min-height:80vh}.drawer-header,.drawer-content,.drawer-footer,.section-tabs{padding-left:8px;padding-right:8px}}:root{--bg-main:#fcfaf2;--bg-card:#fff;--bg-panel:#fffefb;--sidebar:#154230;--sidebar-accent:#f5d061;--sidebar-accent-strong:#e6b325;--text-primary:#112d21;--text-muted:#4d6356;--border:#154230;--border-muted:#cfded5;--success:#287a4d;--success-strong:#195333;--success-surface:#eaf6ee;--warning-surface:#fff6d6;--warning-border:#154230;--warning-text:#594103;--error:#9e2a2b;--error-surface:#fff0f0;--error-border:#154230;--separator:#cfded5;--shadow-soft:none;--shadow-card:none;--border-width:2px;--border-radius-lg:16px;--border-radius-md:12px;--border-radius-sm:8px;--transition-spring:transform .25s cubic-bezier(.34, 1.56, .64, 1), border-color .15s ease, background .15s ease, box-shadow .25s cubic-bezier(.34, 1.56, .64, 1);--gold-gradient:linear-gradient(135deg, #f5d061 0%, #e6b325 100%);--gold-gradient-hover:linear-gradient(135deg, #f7d983 0%, #f0c548 100%);--green-glass-bg:#154230d9;--topbar-glass-bg:#fcfaf2cc;--space-xs:clamp(6px, 1.5vw, 10px);--space-sm:clamp(10px, 2.5vw, 14px);--space-md:clamp(14px, 3.5vw, 20px);--space-lg:clamp(20px, 5vw, 28px);--bottom-nav-height:56px}.app-banner{z-index:200;align-items:center;gap:8px;padding:8px 20px;font-size:.9rem;display:flex;position:fixed;left:0;right:0}.app-banner-offline{color:#ffd98a;background:#2c1a00;top:0}.app-banner-draft{z-index:190;background:var(--sidebar);color:#fff;gap:10px;padding:9px 20px;top:0}.app-banner-draft.app-banner-below-alert{top:38px}.app-banner-action{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;padding:3px 10px}.app-banner-dismiss{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:auto}.sidebar-separator{background:#ffffff1f;height:1px;margin:6px 0}.profile-row{align-items:center;gap:10px;display:flex}.profile-row-icon{opacity:.8;flex-shrink:0}.profile-title,.profile-meta{margin:0}.profile-meta+.profile-meta{margin-top:2px}.profile-admin-btn,.profile-signout-btn{margin-top:10px}.mobile-title{color:var(--sidebar);font-size:1.1rem;font-weight:800}.centered-screen{place-items:center;min-height:100vh;display:grid}.centered-screen-padded{padding:20px}.centered-panel{width:min(560px,100%)}.centered-panel-wide{width:min(640px,100%)}.loading-inline{align-items:center;gap:10px;display:flex}.feedback-message{margin:0 0 12px;font-size:.9rem;line-height:1.5}.feedback-message.error{color:var(--error)}.feedback-message.info{color:var(--text-muted)}.feedback-message.success{color:var(--success-strong)}.admin-feedback{margin-bottom:12px}.admin-feedback-empty{padding:16px 0}@media (max-width:700px){.learner-lesson-drawer{max-width:100vw;box-shadow:none;border-radius:0;min-height:80vh}.drawer-header,.drawer-content,.drawer-footer,.section-tabs{padding-left:8px;padding-right:8px}}:root{--bg-main:#fcfaf2;--bg-card:#fff;--bg-panel:#fffefb;--sidebar:#154230;--sidebar-accent:#f5d061;--sidebar-accent-strong:#e6b325;--text-primary:#112d21;--text-muted:#4d6356;--border:#154230;--border-muted:#cfded5;--success:#287a4d;--success-strong:#195333;--success-surface:#eaf6ee;--warning-surface:#fff6d6;--warning-border:#154230;--warning-text:#594103;--error:#9e2a2b;--error-surface:#fff0f0;--error-border:#154230;--separator:#cfded5;--shadow-soft:none;--shadow-card:none;--border-width:2px;--border-radius-lg:16px;--border-radius-md:12px;--border-radius-sm:8px;--transition-spring:transform .25s cubic-bezier(.34, 1.56, .64, 1), border-color .15s ease, background .15s ease, box-shadow .25s cubic-bezier(.34, 1.56, .64, 1);--gold-gradient:linear-gradient(135deg, #f5d061 0%, #e6b325 100%);--gold-gradient-hover:linear-gradient(135deg, #f7d983 0%, #f0c548 100%);--green-glass-bg:#154230d9;--topbar-glass-bg:#fcfaf2cc;--space-xs:clamp(6px, 1.5vw, 10px);--space-sm:clamp(10px, 2.5vw, 14px);--space-md:clamp(14px, 3.5vw, 20px);--space-lg:clamp(20px, 5vw, 28px);--bottom-nav-height:56px;--topbar-height:56px}*{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font-ui), "Segoe UI", sans-serif;color:var(--text-primary);background:radial-gradient(circle at top right, #fff8d9 0%, var(--bg-main) 45%, #eef5ec 100%);margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{line-height:1.3}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shekaka-app{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.main-content-container{flex-direction:column;flex:1 1 0;width:100%;min-width:0;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{background:var(--green-glass-bg);-webkit-backdrop-filter:blur(16px);color:#f5f8f2;scrollbar-width:thin;scrollbar-color:#fff3 transparent;border-right:2px solid #ffffff1f;flex-direction:column;gap:20px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.brand{border-radius:var(--border-radius-lg);background:#ffffff0f;border:2px solid #ffffff1f;padding:16px}.brand h1{font-family:var(--font-title), serif;letter-spacing:-.01em;margin:0;font-size:1.6rem}.brand p{opacity:.85;margin:4px 0 0;font-size:.84rem}.nav-list{flex-direction:column;gap:8px;display:flex}.nav-item{color:inherit;text-align:left;border-radius:var(--border-radius-md);cursor:pointer;width:100%;transition:var(--transition-spring);background:0 0;border:2px solid #0000;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-item:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-2px)}.nav-item.active{border-color:var(--sidebar-accent-strong);background:var(--gold-gradient);color:var(--text-primary);box-shadow:2px 2px 0px var(--sidebar-accent-strong);font-weight:700}.profile-card{border-radius:var(--border-radius-md);transition:var(--transition-spring);background:#ffffff14;border:2px solid #ffffff1f;margin-top:auto;padding:14px}.profile-card:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.profile-card h3{margin:0;font-size:.95rem}.profile-card p{opacity:.85;margin:6px 0 0;font-size:.83rem}.main{padding:24px}.header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.header h2{font-family:var(--font-title), serif;margin:0;font-size:clamp(1.4rem,4.5vw,2rem)}.header p{color:var(--text-muted);margin:6px 0 0}.badge{background:var(--warning-surface);border:var(--border-width) solid var(--border);color:var(--warning-text);border-radius:999px;padding:10px 14px;font-size:.85rem;font-weight:700}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{background:var(--bg-card);border-radius:var(--border-radius-md);border:var(--border-width) solid var(--border);box-shadow:none;transition:var(--transition-spring);padding:16px}.metric-card:hover{transform:translateY(-4px)}.metric-card h3{color:var(--text-muted);margin:0;font-size:.9rem}.metric-card strong{margin-top:8px;font-size:clamp(1.3rem,4vw,1.7rem);display:block}.layout-grid{grid-template-columns:1.15fr .85fr;gap:14px;margin-top:16px;display:grid}.panel{background:var(--bg-card);border:var(--border-width) solid var(--border);border-radius:var(--border-radius-lg);box-shadow:none;transition:var(--transition-spring);padding:18px}.panel:hover{transform:translateY(-4px)}.hero-panel{background:linear-gradient(135deg,#f5d0612e 0%,#fffefb 44%,#eaf6eed9 100%)}.control-panel{background:linear-gradient(#fffffffa 0%,#fffdf6fa 100%)}.status-banner{border:var(--border-width) solid var(--border);border-radius:var(--border-radius-md);background:var(--warning-surface);box-shadow:2px 2px 0px var(--border);padding:10px 12px}.status-banner strong{font-size:.88rem}.empty-state-card{border:var(--border-width) dashed var(--border-muted);border-radius:var(--border-radius-md);background:#ffffffb3;padding:14px 16px}.state-note{color:var(--text-muted);line-height:1.55}.lesson-journey-summary{border:var(--border-width) solid var(--border);border-radius:var(--border-radius-md);background:#fffc;padding:12px 14px}.lesson-journey-copy{color:var(--text-primary);margin:4px 0 0;font-size:.92rem}.lesson-progress-rail{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.lesson-stage-chip{border:var(--border-width) solid var(--border-muted);background:var(--bg-main);color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.lesson-stage-chip.complete{color:var(--success-strong);background:#287a4d1f;border-color:#287a4d47}.lesson-stage-dot{background:currentColor;border-radius:999px;flex-shrink:0;width:8px;height:8px}.panel h3{font-family:var(--font-title), serif;margin:0 0 10px;font-size:clamp(1.05rem,3vw,1.3rem)}.progress-shell{border-radius:var(--border-radius-sm);background:var(--bg-main);border:var(--border-width) solid var(--border);width:100%;height:12px;overflow:hidden}.progress-fill{background:var(--gold-gradient);height:100%}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-btn{border:var(--border-width) solid var(--border);border-radius:var(--border-radius-md);background:var(--warning-surface);color:var(--warning-text);cursor:pointer;text-align:left;box-shadow:2px 2px 0px var(--border);transition:var(--transition-spring);padding:10px 12px;font-weight:700}.action-btn:hover{box-shadow:4px 4px 0px var(--border);transform:translateY(-2px)}.action-btn:active{box-shadow:1px 1px 0px var(--border);transform:translateY(1px)}.workspace{margin-top:16px}.lesson-creation-form{flex-direction:column;gap:16px;display:flex}.lesson-form-header{justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:8px;display:flex}.lesson-form-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--sidebar);align-items:center;gap:6px;margin-bottom:6px;font-size:.74rem;font-weight:800;display:inline-flex}.lesson-form-header h3,.lesson-review-card h4,.module-preview-card h4{font-family:var(--font-title), serif;margin:0}.lesson-form-lead{color:var(--text-muted);max-width:62ch;margin:8px 0 0}.lesson-context-rail{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.lesson-context-chip,.review-badge,.module-preview-code,.module-count{border:1px solid var(--border);color:var(--text-muted);background:#f8fbf7;border-radius:999px;align-items:center;padding:6px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.lesson-context-chip-accent{background:var(--success-surface);color:var(--success-strong);border-color:#aed8bd}.lesson-stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.lesson-stepper-step{border:1px solid var(--border);color:var(--text-muted);text-align:left;cursor:pointer;box-shadow:none;background:#fbfcfa;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.lesson-stepper-step.complete{color:var(--text-primary);background:#eef6f0}.lesson-stepper-step.active{color:var(--text-primary);background:linear-gradient(#f4ebc5 0%,#ebf8ef 100%);border-color:#c8d9c9;box-shadow:0 8px 18px #1f5f4614}.lesson-stepper-index{border:1px solid var(--border);background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.84rem;font-weight:800;display:inline-flex}.lesson-stepper-step.active .lesson-stepper-index{background:var(--sidebar);border-color:var(--sidebar);color:#fff}.lesson-form-frame{background:linear-gradient(#fffef9 0%,#fdf9ef 100%);border:1px solid #dfe6de;border-radius:20px;padding:18px;position:relative;box-shadow:inset 0 1px #ffffffb3}.lesson-creation-form.is-loading .lesson-form-frame{filter:blur(1px)saturate(.9)}.lesson-creation-stage-surface{overflow:hidden}.lesson-generation-overlay{z-index:12;-webkit-backdrop-filter:blur(12px)saturate(1.02);backdrop-filter:blur(12px)saturate(1.02);background:linear-gradient(135deg,#fffcf2ad 0%,#eff8f1c7 100%);border-radius:20px;place-items:center;padding:12px;display:grid;position:absolute;inset:0}.lesson-generation-overlay-card{border:var(--border-width) solid var(--border);text-align:center;background:linear-gradient(#fffffffa 0%,#fff8e1f5 100%);border-radius:20px;width:min(480px,100%);padding:16px;position:relative;overflow:hidden;box-shadow:0 16px 32px #15423024}.lesson-generation-particles{pointer-events:none;position:absolute;inset:0}.lesson-generation-particles span{background:#e6b32547;border-radius:50%;width:8px;height:8px;animation:7s ease-in-out infinite lessonFloat;position:absolute}.lesson-generation-particles span:first-child{animation-delay:0s;top:16px;left:14%}.lesson-generation-particles span:nth-child(2){animation-delay:.9s;top:58px;right:18%}.lesson-generation-particles span:nth-child(3){animation-delay:1.8s;bottom:24px;left:22%}.lesson-generation-orb{border:3px solid var(--border);background:radial-gradient(circle at 30% 30%,#fff8d8 0%,#f5d061 55%,#e6b325 100%);border-radius:50%;width:60px;height:60px;margin:0 auto 10px;position:relative;box-shadow:0 10px 20px #e6b32540}.lesson-generation-orb span{border:3px solid #15423073;border-top-color:#0000;border-radius:50%;animation:1.2s linear infinite spin;position:absolute;inset:20px}.lesson-generation-waitline{justify-content:center;gap:5px;margin-top:8px;display:flex}.lesson-generation-waitline span{background:var(--sidebar-accent-strong);opacity:.45;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite lessonPulse}.lesson-generation-waitline span:nth-child(2){animation-delay:.25s}.lesson-generation-waitline span:nth-child(3){animation-delay:.5s}.lesson-generation-eyebrow{color:var(--sidebar);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.76rem}.lesson-generation-overlay-card h4{margin:8px 0 6px;font-size:1.3rem}.lesson-generation-detail{max-width:42ch;color:var(--text-muted);margin:0 auto;font-size:.82rem;line-height:1.5}.lesson-generation-narrative{text-align:left;border:var(--border-width) solid var(--border-muted);background:#ffffffb8;border-radius:16px;margin-top:12px;padding:10px 12px}.lesson-generation-narrative>p{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;font-size:.78rem;font-weight:800}.lesson-generation-narrative ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lesson-generation-narrative li{border:1px solid var(--border-muted);color:var(--text-muted);background:#fffef9;border-radius:12px;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.lesson-generation-narrative li span{border-radius:999px;flex-shrink:0;place-items:center;width:16px;height:16px;font-size:.78rem;font-weight:900;display:inline-grid}.lesson-generation-narrative li strong{color:var(--text-primary);font-size:.9rem;display:block}.lesson-generation-narrative li p{margin:3px 0 0;font-size:.84rem;line-height:1.45}.lesson-generation-narrative li.active{border-color:var(--border);background:linear-gradient(135deg,#f5d06138 0%,#fffffff5 100%)}.lesson-generation-narrative li.complete{background:#287a4d0f;border-color:#287a4d33}.lesson-generation-narrative li.pending span{background:#4d63561a}.lesson-generation-narrative li.active span{background:var(--sidebar-accent-strong);color:#fff}.lesson-generation-progress{margin-top:10px}.lesson-generation-progress-track{border:var(--border-width) solid var(--border);background:#fffdf6;border-radius:999px;height:7px;overflow:hidden}.lesson-generation-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#f5d061 0%,#e6b325 50%,#96c5a6 100%);height:100%;transition:width .6s;box-shadow:0 0 18px #e6b32559}.lesson-generation-progress p{color:var(--text-muted);margin:5px 0 0;font-size:.8rem;line-height:1.5}@keyframes lessonPulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.95;transform:translateY(-3px)}}.lesson-generation-note{color:var(--text-muted);margin:8px 0 0;font-size:.78rem}@keyframes lessonFloat{0%,to{opacity:.35;transform:translateY(0)translate(0)scale(1)}50%{opacity:.85;transform:translateY(-8px)translate(4px)scale(1.08)}}.lesson-creation-form.is-loading .lesson-generation-overlay{pointer-events:auto}.lesson-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lesson-form-grid label,.module-preview-card,.lesson-review-card{flex-direction:column;gap:8px;display:flex}.field-label{letter-spacing:.02em;color:var(--text-primary);font-size:.84rem;font-weight:800}.field-hint{color:var(--text-muted);font-size:.78rem;line-height:1.45}.lesson-form-grid select,.lesson-form-grid input,.lesson-form-grid textarea{background:#fffdf8;border:1px solid #cad8cc;border-radius:14px;box-shadow:inset 0 1px #fffc}.lesson-form-grid select,.lesson-form-grid input{min-height:48px;padding:12px 14px}.lesson-form-grid textarea{resize:vertical;min-height:160px;padding:14px}.module-select-field{grid-column:1/-1}.module-select-row,.module-preview-heading,.review-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.module-preview-card,.lesson-review-card{background:linear-gradient(#fff 0%,#f7fbf7 100%);border:1px solid #d9e3da;border-radius:18px;grid-column:1/-1;padding:16px}.module-preview-card p,.review-objectives p{color:var(--text-muted);margin:0}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.review-grid strong{color:var(--text-primary);margin-top:4px;font-size:1rem;display:block}.review-objectives{border-top:1px dashed var(--border);margin-top:14px;padding-top:14px}.lesson-form-actions{justify-content:flex-end;gap:10px;margin-top:2px;display:flex}.lesson-form-actions .cta{min-width:140px}.lesson-form-actions .cta.secondary{background:#f0f5ef}.form-section.review{margin-top:0}.field-full{grid-column:1/-1}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field label{font-size:.9rem;font-weight:700}.field input,.field select,.field textarea{border:var(--border-width) solid var(--border);border-radius:var(--border-radius-md);background:var(--bg-card);transition:var(--transition-spring);color:var(--text-primary);padding:10px}.field textarea{resize:vertical;min-height:96px}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible,.lesson-form-grid input:focus-visible,.lesson-form-grid select:focus-visible,.lesson-form-grid textarea:focus-visible{border-color:var(--sidebar-accent-strong);box-shadow:2px 2px 0px var(--border);outline:none}.field.full{grid-column:1/-1}.hint-text{color:var(--text-muted);font-size:.8rem;line-height:1.35}.cta{border:var(--border-width) solid var(--border);background:var(--gold-gradient);color:var(--text-primary);border-radius:var(--border-radius-md);cursor:pointer;min-height:40px;box-shadow:2px 2px 0px var(--border);transition:var(--transition-spring);justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-weight:800;display:inline-flex}.cta:hover{box-shadow:4px 4px 0px var(--border);background:var(--gold-gradient-hover);transform:translateY(-2px)}.cta:active{box-shadow:1px 1px 0px var(--border);transform:translateY(1px)}.cta.secondary{background:var(--bg-card);border-color:var(--border);color:var(--text-primary)}.cta.secondary:hover{background:var(--bg-panel)}.cta.destructive{background:var(--error-surface);border-color:var(--border);color:var(--error)}.cta.destructive:hover{background:#ffd9d9}.state-note{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.55}.loading-inline{color:var(--text-muted);align-items:center;gap:6px;margin:0;display:inline-flex}.empty-state-card{text-align:center;background:#fbfdf9;border:1px dashed #d0d9d1;border-radius:12px;padding:20px 16px}.inline-link-btn{color:var(--sidebar);cursor:pointer;background:0 0;border:none;font-weight:700}.inline-link-btn:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #2f664e}.error{color:#8f2d26;background:#fff0ef;border:1px solid #f3b5b0;border-radius:10px;margin-top:10px;padding:10px}.info{color:#1f6340;background:#ecf8f0;border:1px solid #aed8bd;border-radius:10px;margin-top:10px;padding:10px}.status-banner{color:var(--text-muted);background:#fafdf9;border:1px dashed #c7d8cb;border-radius:10px;margin-top:10px;padding:8px 10px;font-size:.84rem}.source-chip{color:#1f6340;background:#eaf8ef;border:1px solid #a8d4b8;border-radius:999px;margin-top:8px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.source-chip.template{color:#6d5310;background:#fff6de;border-color:#e2c37b}.tab-help{color:var(--text-muted);margin:0 0 12px;font-size:.86rem}.mini-toggle{border:1px solid var(--border);border-radius:10px;display:inline-flex;overflow:hidden}.mini-toggle button{cursor:pointer;color:var(--text-muted);background:#f8fbf6;border:none;padding:6px 10px;font-size:.82rem}.mini-toggle button.active{color:#fff;background:#214f3d}.language-box{background:#f7f9ff;border:1px solid #c0cde8;border-radius:10px;padding:10px 12px}.language-box p{color:var(--text-muted);margin:6px 0 0}.output-tabs{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex;position:relative}.output-tabs button{color:#2d4537;cursor:pointer;background:#f8fbf6;border:1px solid #cdd7d1;border-radius:999px;padding:8px 12px}.output-tabs button.active{color:#fff;background:#214f3d;border-color:#214f3d}.bullet-list{gap:8px;margin:0;padding-left:18px;display:grid}.saved-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.saved-card{background:#fffefb;border:1px solid #d0dad2;border-radius:14px;padding:12px}.saved-card h4{margin:0}.saved-card p{color:var(--text-muted);margin:8px 0;font-size:.9rem}.saved-card .row{gap:8px;display:flex}.learner-lesson-card{border:1px solid var(--border);background:var(--bg-panel);border-radius:14px;overflow:hidden}.learner-lesson-toggle{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:14px 16px;display:flex}.lesson-card-heading{align-items:center;gap:8px;margin-bottom:4px;display:flex}.lesson-class-badge{background:var(--sidebar);color:#fff;letter-spacing:.3px;border-radius:6px;padding:1px 7px;font-size:.74rem;font-weight:700}.lesson-title{color:var(--text-primary);font-size:1rem;font-weight:700}.lesson-meta{color:var(--text-muted);font-size:.86rem}.lesson-kid-cue{color:var(--text-muted);margin-top:6px;font-size:.82rem}.lesson-kid-cue-label{color:var(--sidebar);font-weight:700}.learner-lesson-body{border-top:1px solid var(--border);padding:12px 16px 16px}.learner-lesson-flow{flex-direction:column;gap:16px;display:flex}.lesson-journey-summary{background:#f7fcf8;border:1px solid #d8e7dc;border-radius:12px;padding:10px 12px}.lesson-journey-title{text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar);margin:0;font-size:.74rem;font-weight:800}.lesson-journey-copy{color:var(--text-primary);margin:4px 0 0;font-size:.9rem;line-height:1.55}.lesson-section{flex-direction:column;gap:6px;display:flex}.lesson-section-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:0;font-size:.8rem}.lesson-progress-rail{flex-wrap:wrap;gap:6px;padding:4px 0 2px;display:flex}.lesson-stage-chip{border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.lesson-stage-chip.active{background:var(--success-surface);color:var(--success-strong);border-color:#aed8bd}.lesson-stage-chip.pending{color:var(--text-muted);background:#f9fbf9}.lesson-stage-dot{background:color-mix(in srgb, var(--text-muted) 70%, white);border-radius:999px;width:8px;height:8px;display:inline-block}.lesson-actions-block{border-top:1px dashed var(--border);margin-top:2px;padding-top:12px}.lesson-focus-note{color:var(--text-muted);border:1px dashed var(--border);background:#fafdf9;border-radius:10px;margin:2px 0 0;padding:8px 10px;font-size:.86rem}.lesson-learning-block{padding-top:2px}.lesson-young-learner-tip{color:#6e5925;background:#fffaf0;border:1px solid #eadba7;border-radius:10px;margin:8px 0 0;padding:8px 10px;font-size:.84rem;line-height:1.45}.lesson-concept-card{box-shadow:0 1px #11241c08}.lesson-media-card{overflow:hidden}.lesson-media-frame{aspect-ratio:16/9;display:block}.learner-studio-shell{flex-direction:row;height:100%;min-height:0;display:flex;overflow:hidden}.learner-studio-top{border:1px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.learner-studio-top-actions{align-items:center;gap:8px;display:inline-flex}.learner-studio-title-wrap{flex:1;min-width:0}.learner-studio-title{margin:0;font-size:1.05rem}.learner-studio-subtitle{color:var(--text-muted);margin:2px 0 0;font-size:.86rem}.learner-studio-mobile-tabs{border:1px solid var(--border);background:#fff;border-radius:12px;gap:6px;padding:8px;display:none;overflow-x:auto}.learner-studio-progress-banner{border:1px solid var(--border);background:#f3f8f4;border-radius:12px;padding:8px 10px}.learner-studio-progress-banner p{color:var(--text-muted);margin:0;font-size:.84rem}.learner-studio-grid{flex:1;min-width:0;position:relative;overflow-y:auto}.learner-studio-sidebar{border:1px solid var(--border);background:#fff;border-radius:14px;flex-direction:column;gap:12px;max-height:calc(100vh - 140px);padding:12px;display:flex;position:sticky;top:16px}.learner-studio-sidebar-head{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0;font-size:.75rem;font-weight:800}.learner-studio-sidebar-tabs{flex-direction:column;gap:6px;display:flex}.learner-studio-tab-btn{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#f8fbf7;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.learner-studio-tab-btn.active{background:var(--sidebar);border-color:var(--sidebar);color:#fff}.learner-studio-tab-btn:disabled,.learner-studio-tab-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.learner-studio-progress-label{color:var(--text-muted);justify-content:space-between;font-size:.75rem;display:flex}.learner-studio-progress-bar{background:#edf3ed;border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.learner-studio-progress-bar>div{background:linear-gradient(90deg,#2f664e,#5c9c7d);height:100%}.learner-studio-content{border:1px solid var(--border);scrollbar-width:none;background:#fff;border-radius:14px;flex:1;min-height:0;padding:12px;overflow-y:auto}.learner-studio-content::-webkit-scrollbar{display:none}.learner-studio-panel{flex-direction:column;gap:10px;display:flex}.learner-studio-inline-note{background:#f6fbf7;border:1px dashed #9ab9a5;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.learner-studio-inline-note p{color:var(--text-muted);margin:0}.learner-studio-panel>h4{margin:0}.learner-studio-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.learner-studio-fact-card{border:1px solid var(--border);background:#f8fbf7;border-radius:10px;padding:10px}.learner-studio-fact-card p{margin:0;font-size:.85rem;line-height:1.5}.learner-studio-module{border:1px solid var(--border);background:#fdfefe;border-radius:12px;padding:10px}.learner-studio-module-head{justify-content:space-between;align-items:center;display:flex}.learner-studio-module-head>span{color:var(--text-muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.learner-studio-module h4{margin:6px 0 4px}.learner-studio-module p{margin:0 0 6px;line-height:1.55}.learner-studio-voice-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:4px;padding:6px 8px;font-size:.76rem;font-weight:700;display:inline-flex}.learner-studio-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.learner-studio-flip-card{perspective:1200px;transform-style:preserve-3d;cursor:pointer;background:0 0;border:none;width:100%;min-height:160px;padding:0;transition:transform .55s cubic-bezier(.4,0,.2,1),box-shadow .2s;position:relative}.learner-studio-flip-card.flipped{transform:rotateY(180deg)}.learner-studio-flip-card .front,.learner-studio-flip-card .back{backface-visibility:hidden;border:var(--border-width) solid var(--border);border-radius:var(--border-radius-lg);text-align:center;box-shadow:2px 2px 0px var(--border);background:var(--bg-card);justify-content:center;align-items:center;padding:18px;font-size:.95rem;transition:box-shadow .2s;display:flex;position:absolute;inset:0}.learner-studio-flip-card .front{z-index:2;color:var(--text-primary);background:radial-gradient(circle at bottom left, #fffcf3 0%, var(--bg-card) 100%);font-weight:700;transform:rotateY(0)}.learner-studio-flip-card .back{background:var(--bg-panel);color:var(--text-muted);font-weight:600;transform:rotateY(180deg)}.learner-studio-flip-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #2f664e1f}.learner-studio-flip-card.flipped:hover{transform:rotateY(180deg)translateY(-5px)}.learner-studio-flip-card.vocab-mastered .front,.learner-studio-flip-card.vocab-mastered .back{border-color:#22c55e;box-shadow:2px 2px #22c55e,0 0 12px #22c55e26}.learner-studio-flip-card.vocab-review .front,.learner-studio-flip-card.vocab-review .back{border-color:#ef4444;box-shadow:2px 2px #ef4444}.learner-studio-quiz-item{border:1px solid var(--border);background:#fcfefd;border-radius:10px;padding:10px}.quiz-q{margin:0 0 8px;font-weight:700}.quiz-options{gap:6px;display:grid}.quiz-opt{border:1px solid var(--border);text-align:left;cursor:pointer;background:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.quiz-opt.selected{background:#eef8f1;border-color:#87b99a}.quiz-opt.correct,.quiz-opt.reveal{background:#e9f7ed;border-color:#63a47a}.quiz-opt.wrong{background:#fff3f0;border-color:#cf8e82}.quiz-feedback{color:var(--text-muted);margin:8px 0 0;font-size:.84rem}.quiz-feedback-instant{border-radius:8px;padding:8px 12px;font-weight:600;animation:.18s ease-out feedbackSlideIn}.quiz-feedback-instant.correct{color:#15803d;background:#22c55e1a;border:1px solid #22c55e4d}.quiz-feedback-instant.wrong{color:#dc2626;background:#ef444412;border:1px solid #ef444440}@keyframes feedbackSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.quiz-victory-screen svg{animation:.35s cubic-bezier(.34,1.56,.64,1) both starPop}.quiz-victory-screen svg:nth-child(2){animation-delay:.1s}.quiz-victory-screen svg:nth-child(3){animation-delay:.2s}@keyframes starPop{0%{opacity:0;transform:scale(.4)rotate(-10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.learner-studio-row-actions{flex-wrap:wrap;gap:8px;display:flex}.learner-studio-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.game-tile{border:var(--border-width) solid var(--border);border-radius:var(--border-radius-md);background:var(--bg-card);text-align:center;cursor:pointer;min-height:84px;box-shadow:0 4px 0px var(--border);transition:var(--transition-spring);color:var(--text-primary);justify-content:center;align-items:center;padding:12px;font-size:.9rem;font-weight:700;display:flex}.game-tile:hover:not(:disabled){box-shadow:0 6px 0px var(--border);transform:translateY(-2px)}.game-tile.selected{border-color:var(--sidebar-accent-strong);background:var(--warning-surface);box-shadow:0 2px 0px var(--border);transform:translateY(2px)}.game-tile.matched{border-color:var(--success);background:var(--success-surface);color:var(--success-strong);box-shadow:none;animation:.4s cubic-bezier(.175,.885,.32,1.275) success-bloop;transform:translateY(4px)}.game-tile.mismatched{border-color:var(--error);background:var(--error-surface);color:var(--error);box-shadow:0 4px 0px var(--border);animation:.5s ease-in-out wobble}@keyframes success-bloop{0%{transform:translateY(4px)scale(1)}50%{transform:translateY(4px)scale(1.08)}to{transform:translateY(4px)scale(1)}}@keyframes wobble{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}75%{transform:translate(-2px)}}.learner-studio-chat{min-height:420px}.chat-starter-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chat-starter-btn{border:var(--border-width) solid var(--border);background:var(--bg-card);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;box-shadow:2px 2px 0px var(--border);transition:var(--transition-spring);align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.chat-starter-btn:hover{box-shadow:3px 3px 0px var(--border);background:var(--warning-surface);transform:translateY(-2px)}.chat-list{flex-direction:column;flex:1;gap:12px;max-height:320px;padding:4px;display:flex;overflow-y:auto}.chat-bubble-container{align-items:flex-end;gap:8px;width:100%;display:flex}.chat-bubble-container.ai{justify-content:flex-start}.chat-bubble-container.user{justify-content:flex-end}.chat-avatar{border:1px solid var(--border-muted);background:var(--warning-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;display:flex;box-shadow:0 2px 4px #0000000a}.chat-bubble{border-radius:var(--border-radius-lg);border:1px solid var(--border-muted);max-width:85%;padding:12px 16px;font-size:.95rem;line-height:1.5;position:relative;box-shadow:0 4px 12px #0000000a}.chat-bubble.ai{background:var(--bg-panel);color:var(--text-primary);border-bottom-left-radius:0}.chat-bubble.user{background:var(--sidebar);color:#fff;border-color:var(--border);border-bottom-right-radius:0}.chat-input-row{gap:8px;margin-top:8px;display:flex}.chat-input-row input{border:1px solid var(--border-muted);border-radius:var(--border-radius-lg);background:var(--bg-card);min-height:48px;transition:var(--transition-spring);flex:1;padding:12px 16px;box-shadow:inset 0 2px 4px #00000005}.chat-input-row input:focus-visible{border-color:var(--sidebar-accent-strong);box-shadow:2px 2px 0px var(--border);outline:none}.chat-coach-note{color:var(--text-muted);margin:6px 0 0;font-size:.78rem}.learner-studio-footer{border-top:1px solid var(--border);justify-content:flex-end;padding-top:10px;display:flex}.shekaka-app.studio-open{grid-template-columns:1fr;height:100vh!important;max-height:100vh!important;overflow:hidden!important}.main.immersive-focus{max-width:100%;box-sizing:border-box!important;flex-direction:column!important;height:100vh!important;max-height:100vh!important;padding:0!important;display:flex!important;overflow:hidden!important}.learner-studio-shell.studio-focus .studio-nav-sidebar{width:56px;overflow:hidden}.learner-studio-shell.studio-focus .studio-nav-btn .nav-label,.learner-studio-shell.studio-focus .studio-nav-brand span,.learner-studio-shell.studio-focus .studio-nav-bottom .nav-label{display:none}.learner-studio-shell.studio-focus .studio-nav-brand{justify-content:center}.learner-studio-shell.studio-focus .studio-nav-btn{justify-content:center;padding:12px}.learner-studio-shell.studio-focus .learner-studio-content{flex-direction:column;flex:1;display:flex}.learner-studio-shell.studio-focus .lesson-slide-deck,.learner-studio-shell.studio-focus .learner-studio-panel{flex-direction:column;flex:1;justify-content:space-between;display:flex}.learner-studio-shell.studio-focus .slide-content-layout{flex:1;align-items:stretch}.studio-floating-toolbar{z-index:1000;-webkit-backdrop-filter:blur(12px);border:var(--border-width) solid var(--border);box-shadow:4px 4px 0px var(--border);transition:var(--transition-spring);background:#ffffffd1;border-radius:40px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:fixed;bottom:24px;right:24px}.studio-floating-toolbar:hover{box-shadow:6px 6px 0px var(--border);background:#fff;transform:translateY(-2px)}.floating-btn{cursor:pointer;width:40px;height:40px;color:var(--sidebar);transition:var(--transition-spring);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.floating-btn:hover{background:var(--warning-surface);color:var(--sidebar-accent-strong);transform:scale(1.1)}.floating-btn:active{transform:scale(.95)}.floating-btn.active{background:var(--sidebar);color:#fff}.floating-btn:after{content:attr(data-tooltip);background:var(--sidebar);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:2px 2px 0px var(--border);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:800;transition:opacity .15s,transform .15s;position:absolute;bottom:50px;right:50%;transform:translate(50%)translateY(4px)}.floating-btn:hover:after{opacity:1;transform:translate(50%)translateY(0)}.lesson-slide-deck{background:var(--bg-card);border:var(--border-width) solid var(--border);border-radius:var(--border-radius-lg);width:100%;height:100%;box-shadow:4px 4px 0px var(--border);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:space-between;padding:24px 54px;display:flex;position:relative;overflow:hidden}.slide-item{transform-origin:0;perspective:1000px;flex-direction:column;flex:1;justify-content:flex-start;min-height:0;animation:.45s cubic-bezier(.175,.885,.32,1.275) slide-flip-entry;display:flex}@keyframes slide-flip-entry{0%{opacity:0;transform:rotateY(-12deg)translate(24px)scale(.98)}to{opacity:1;transform:rotateY(0)translate(0)scale(1)}}.slide-content-layout{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:1.2fr .8fr;align-items:start;gap:32px;min-height:0;display:grid;overflow:hidden}.mobile-pathway-progress,.slide-mob-btn{display:none}.wizard-nav-btn{border:var(--border-width) solid var(--border);cursor:pointer;background:var(--bg-card);color:var(--sidebar);box-shadow:2px 2px 0px var(--border);border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:800;transition:transform .1s;display:block}.wizard-nav-btn:active{box-shadow:0px 0px 0px var(--border);transform:translateY(2px)}.wizard-nav-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}@media (min-width:769px){.slide-mobile-nav{justify-content:center;align-items:center;width:100%;display:flex}}@media (max-width:768px){.mobile-pathway-progress{background:var(--bg-card);border-bottom:var(--border-width) solid var(--border);flex-direction:column;gap:6px;padding:12px 16px;box-shadow:0 2px 4px #00000005;display:flex!important}.mobile-progress-label{color:var(--sidebar);justify-content:space-between;align-items:center;font-size:.82rem;font-weight:800;display:flex}.mobile-progress-bar-track{background:var(--bg-panel);border:var(--border-width) solid var(--border);border-radius:4px;width:100%;height:8px;overflow:hidden}.mobile-progress-bar-fill{background:var(--success);height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.lesson-slide-deck{min-height:unset!important;flex-direction:column!important;padding:16px 12px!important;display:flex!important;overflow:auto!important}.slide-content-layout{min-height:unset!important;flex-direction:column-reverse!important;gap:16px!important;display:flex!important}.slide-text-side{padding-right:0!important;overflow-y:visible!important}.slide-visual-side{width:100%!important;max-height:220px!important}.slide-visual-container{width:100%!important;max-height:200px!important;aspect-ratio:unset!important;height:200px!important;padding:0!important}.slide-visual-img{width:100%!important;height:100%!important}.slide-title{font-size:1.25rem!important}.slide-footer{border-top:1px solid var(--border-muted)!important;padding-top:12px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;background:linear-gradient(#ffffffeb,#fff 35%)!important;margin-top:8px!important;position:sticky!important;bottom:0!important}.slide-mobile-nav{justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;display:flex!important}.slide-mob-btn{border:var(--border-width) solid var(--border)!important;cursor:pointer!important;background:var(--bg-card)!important;color:var(--sidebar)!important;box-shadow:2px 2px 0px var(--border)!important;border-radius:20px!important;padding:8px 16px!important;font-size:.85rem!important;font-weight:800!important;transition:transform .1s!important;display:block!important}.slide-mob-btn:active{box-shadow:0px 0px 0px var(--border)!important;transform:translateY(2px)!important}.slide-mob-btn.next{background:var(--sidebar)!important;color:#fff!important}.slide-mob-btn.finish{background:var(--success)!important;color:#fff!important}.slide-mob-btn:disabled{opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.slide-nav-arrow,.desktop-only,.adventure-pathway-track{display:none!important}.learner-studio-panel{box-sizing:border-box!important;height:calc(100vh - 140px)!important;box-shadow:none!important;background:0 0!important;border:none!important;flex-direction:column!important;margin:0!important;padding:12px!important;display:flex!important;overflow:hidden!important}.learner-studio-panel.learner-studio-cards-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))!important;gap:12px!important;height:calc(100vh - 140px)!important;padding-bottom:32px!important;display:grid!important;overflow-y:auto!important}.learner-studio-quiz-panel,.learner-studio-games-panel{height:calc(100vh - 140px)!important;padding-bottom:32px!important;overflow-y:auto!important}.learner-studio-panel.learner-studio-chat{flex-direction:column!important;justify-content:space-between!important;height:calc(100vh - 140px)!important;padding:12px!important;display:flex!important;overflow:hidden!important}.chat-starter-row{scrollbar-width:none!important;flex-wrap:nowrap!important;flex-shrink:0!important;gap:8px!important;padding-bottom:8px!important;display:flex!important;overflow-x:auto!important}.chat-starter-row::-webkit-scrollbar{display:none!important}.chat-starter-btn{white-space:nowrap!important;flex-shrink:0!important}.chat-list{flex:1!important;margin-bottom:12px!important;padding-right:4px!important;overflow-y:auto!important}.chat-input-row{background:var(--bg-card)!important;border-radius:var(--border-radius-md)!important;border:var(--border-width) solid var(--border)!important;box-shadow:2px 2px 0px var(--border)!important;flex-shrink:0!important;margin-top:auto!important;padding:8px 12px!important}.chat-coach-note{display:none!important}}.slide-text-side{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;align-self:stretch;gap:16px;height:100%;min-height:0;padding-right:6px;display:flex;overflow-y:auto}.slide-header{border-bottom:2px dashed var(--border-muted);margin-bottom:8px;padding-bottom:12px}.slide-visual-focus-toggle{border:1px solid var(--border);color:var(--sidebar);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:5px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.slide-visual-focus-toggle.active{background:var(--warning-surface)}.slide-subtitle{text-transform:uppercase;color:var(--text-muted);letter-spacing:.08em;font-size:.76rem;font-weight:800}.slide-title{font-size:1.55rem;font-family:var(--font-title);color:var(--sidebar);margin:4px 0 0}.slide-body{color:var(--text-primary);font-size:.95rem;line-height:1.6}.slide-visual-side{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.slide-visual-container{aspect-ratio:4/3;background:var(--bg-panel);border:var(--border-width) solid var(--border);border-radius:var(--border-radius-md);width:100%;box-shadow:2px 2px 0px var(--border);text-align:center;box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:0;padding:0;display:flex;position:relative;overflow:hidden}.slide-visual-badge{z-index:2;letter-spacing:.04em;text-transform:uppercase;color:var(--sidebar);background:var(--warning-surface);border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:800;position:absolute;top:10px;left:10px}.slide-visual-container.placeholder{background:var(--warning-surface);justify-content:center}.slide-visual-img{object-fit:cover;background:#fff;border:0;border-radius:0;width:100%;height:100%}.slide-visual-placeholder{filter:drop-shadow(2px 2px #00000026);font-size:4rem}.slide-visual-cue{text-align:left;width:100%;color:var(--sidebar);border:1px dashed var(--border);background:#f7f3e4;border-radius:8px;margin:0;padding:6px 8px;font-size:.74rem;font-weight:700}.lesson-slide-deck.visual-focus-mode .slide-content-layout{grid-template-columns:.95fr 1.05fr}.lesson-slide-deck.visual-focus-mode .slide-body{font-size:.9rem;line-height:1.45}.lesson-slide-deck.visual-focus-mode .slide-visual-container{min-height:340px}.lesson-slide-deck.visual-focus-mode .slide-visual-img{width:100%;height:100%}.lesson-slide-deck.visual-focus-mode .slide-visual-desc{max-height:56px;overflow:hidden}.slide-item.slide-type-story{font-family:Georgia,serif}.slide-item.slide-type-story .slide-title{font-family:Georgia,serif;font-weight:800;color:#8c531d!important}.slide-item.slide-type-story .slide-story-text{color:#3b2310;scrollbar-width:thin;scrollbar-color:#8c531d4d transparent;background:#fdfbf7;border:1.5px solid #8c531d26;border-radius:16px;max-height:48vh;padding:18px 22px;font-size:1.02rem;line-height:1.7;overflow-y:auto;box-shadow:0 4px 16px #00000008}.slide-item.slide-type-story .slide-story-moral{background:var(--success-surface);border:2px solid var(--border);border-radius:var(--border-radius-md);color:var(--success-strong);box-shadow:2px 2px 0px var(--border);margin-top:14px;padding:12px 16px;font-size:.9rem}.slide-item.slide-type-module .slide-title{color:var(--sidebar)}.slide-item.slide-type-module .slide-module-explanation{border-left:4px solid var(--sidebar);border-radius:var(--border-radius-sm);background:#00000004;padding:12px 16px;font-size:.95rem;line-height:1.6}.slide-item.slide-type-module .slide-module-example{background:var(--warning-surface);border:2px solid var(--border);border-radius:var(--border-radius-md);box-shadow:2px 2px 0px var(--border);margin-top:12px;padding:10px 14px;font-size:.88rem}.slide-item.slide-type-module .slide-module-takeaway{color:var(--sidebar-accent-strong);margin-top:8px;font-size:.88rem;font-weight:800}@keyframes float-icon{0%{transform:translateY(0)scale(1)}to{transform:translateY(-8px)scale(1.04)}}.slide-visual-title{color:var(--sidebar);margin:4px 0 0;font-size:.88rem;font-weight:800}.slide-visual-desc{font-size:.78rem}.slide-intro-content .slide-overview-text{font-size:1.05rem;font-weight:500;line-height:1.6}.slide-meta-pills{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.slide-meta-pill{background:var(--warning-surface);border:var(--border-width) solid var(--border);color:var(--sidebar);box-shadow:1px 1px 0px var(--border);border-radius:20px;padding:4px 10px;font-size:.78rem;font-weight:800}.slide-story-content .slide-story-text{border-left:3px solid var(--border);background:#00000003;padding:12px;font-style:italic;line-height:1.7}.slide-story-moral{background:var(--success-surface);border:var(--border-width) solid var(--success);border-radius:var(--border-radius-md);color:var(--success-strong);box-shadow:2px 2px 0px var(--border);margin-top:12px;padding:12px;font-size:.88rem}.slide-module-read-header{margin-bottom:12px}.slide-module-explanation{margin-bottom:16px}.slide-module-example{border-radius:var(--border-radius-md);border:1px solid var(--border-muted);background:#00000008;margin-bottom:12px;padding:12px;font-size:.88rem}.slide-module-takeaway{color:var(--sidebar);margin:0;font-size:.88rem;font-weight:700}.slide-formula-box{border:var(--border-width) solid var(--border);border-radius:var(--border-radius-md);box-shadow:2px 2px 0px var(--border);background:#fff;margin-bottom:12px;padding:12px}.slide-reflection-intro{margin-bottom:16px}.slide-reflection-questions{background:var(--warning-surface);border:var(--border-width) solid var(--border);border-radius:var(--border-radius-lg);box-shadow:2px 2px 0px var(--border);width:100%;padding:16px}.slide-reflection-prompt{margin:6px 0 0;font-size:.88rem;font-weight:700}.slide-nav-arrow{border:var(--border-width) solid var(--border);cursor:pointer;width:44px;height:44px;box-shadow:3px 3px 0px var(--border);transition:var(--transition-spring);z-index:10;background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.8rem;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slide-nav-arrow:hover{background:var(--warning-surface);box-shadow:4px 4px 0px var(--border);transform:translateY(-50%)scale(1.08)}.slide-nav-arrow:active{box-shadow:1px 1px 0px var(--border);transform:translateY(-50%)scale(.96)}.slide-nav-arrow.prev{left:12px}.slide-nav-arrow.next{right:12px}.slide-footer{border-top:1px solid var(--border-muted);z-index:4;background:linear-gradient(#ffffffd9,#fff 32%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:14px;display:flex;position:sticky;bottom:0}.slide-finish-action{width:100%}.slide-finish-action .cta{flex-wrap:wrap;max-width:100%}.slide-dots{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.slide-progress-text{color:var(--text-muted);white-space:nowrap;font-size:.78rem;font-weight:800}.slide-dot{border:1px solid var(--border);cursor:pointer;background:#eaeee9;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.slide-dot:hover{background:var(--border)}.studio-complete-banner{position:sticky;bottom:0}.studio-complete-banner p{margin:0;font-size:.9rem;font-weight:600}.studio-rich-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 2px;font-size:.72rem;font-weight:800}.studio-formula-box{background:#f8f9ff;border:1px solid #d0d5f7;border-left:4px solid #4f46e5;border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;display:flex}.studio-formula-title{margin:0;font-size:.88rem;font-weight:700}.studio-formula-expression{color:#1e1b6b;white-space:pre-wrap;word-break:break-all;background:#eef0ff;border-radius:4px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.05rem;display:block}.studio-formula-explanation{color:var(--text-muted);margin:0;font-size:.84rem;line-height:1.4}.studio-visuals-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.studio-visual-card{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.studio-visual-img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.studio-visual-placeholder{aspect-ratio:16/9;background:#f1f3f9;justify-content:center;align-items:center;width:100%;font-size:2rem;display:flex}.studio-visual-title{margin:8px 10px 2px;font-size:.84rem;font-weight:700}.studio-visual-desc{color:var(--text-muted);margin:0 10px 6px;font-size:.81rem;line-height:1.4}.studio-visual-caption{color:var(--text-muted);margin:0 10px 8px;font-size:.77rem;font-style:italic}.studio-media-item{border:1px solid var(--border);background:#fff;border-radius:10px;flex-direction:column;gap:4px;padding:10px;display:flex;overflow:hidden}.studio-media-title{margin:0;font-size:.88rem;font-weight:700}.studio-media-context{color:var(--text-muted);margin:0;font-size:.82rem}.studio-media-embed-wrap{background:#000;border-radius:6px;margin-top:6px;overflow:hidden}.studio-media-frame{border:none;width:100%;min-height:200px;display:block}.studio-media-link{color:var(--sidebar);margin-top:6px;font-size:.88rem;font-weight:700}.printable{color:#111;background:#fff;padding:24px}.mobile-topbar{border-bottom:var(--border-width) solid var(--border);background:var(--topbar-glass-bg);-webkit-backdrop-filter:blur(12px);z-index:180;align-items:center;gap:14px;padding:10px 18px;display:none;position:sticky;top:0}.hamburger{background:var(--bg-card);border:var(--border-width) solid var(--border);border-radius:var(--border-radius-sm);cursor:pointer;color:var(--sidebar);min-width:44px;min-height:44px;transition:var(--transition-spring);justify-content:center;align-items:center;padding:6px 8px;display:flex}.hamburger:hover{background:var(--bg-panel);transform:translateY(-2px)}.bottom-nav{z-index:150;background:var(--sidebar);border-top:1px solid #ffffff1f;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{align-items:stretch;display:flex}.bottom-nav-item{color:#f5f8f2a6;min-height:var(--bottom-nav-height);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 4px;font-size:.68rem;font-weight:600;transition:color .15s,background .15s;display:flex}.bottom-nav-item.active{color:var(--sidebar-accent);background:#f3c4451a}.bottom-nav-item:focus-visible{outline:3px solid var(--sidebar-accent);outline-offset:-3px;border-radius:0}:focus-visible{outline:3px solid var(--sidebar);outline-offset:2px;border-radius:4px}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--sidebar);outline-offset:0;border-color:var(--sidebar)}.nav-item:focus-visible,.hamburger:focus-visible{outline:3px solid var(--sidebar-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.sidebar,.bottom-nav-item{transition:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1119px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-grid{grid-template-columns:1fr}}@media (max-width:899px){.shekaka-app{grid-template-columns:1fr}.sidebar{z-index:220;width:min(270px,85vw);height:100dvh;transition:left .25s;display:flex;position:fixed;top:0;bottom:0;left:-300px;overflow-y:auto}.sidebar.sidebar-open{left:0}.mobile-topbar{display:flex}.bottom-nav{display:block}.main{padding-top:calc(var(--topbar-height) + 16px);padding-left:16px;padding-right:16px;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,8px))}.header{flex-direction:column;align-items:flex-start}}@media (max-width:639px){.main{padding-top:calc(var(--topbar-height) + 12px);padding-right:16px;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,8px));padding-left:16px}.panel{padding:14px}.form-grid,.saved-grid,.quick-actions{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-grid{grid-template-columns:1fr}.cta{min-height:48px;padding:12px 16px}.field input,.field select{min-height:48px;padding:12px}.field textarea{padding:12px}.output-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.output-tabs::-webkit-scrollbar{display:none}.output-tabs button{white-space:nowrap;flex-shrink:0}.output-tabs:after{content:"";background:linear-gradient(90deg, transparent, var(--bg-card));pointer-events:none;flex:0 0 20px;width:20px;position:sticky;top:0;right:0}.learner-lesson-body{padding:12px 14px 16px}.lesson-meta{font-size:.84rem}.lesson-kid-cue{font-size:.8rem;line-height:1.4}.lesson-journey-summary{padding:9px 10px}.lesson-journey-copy{font-size:.86rem}.lesson-young-learner-tip{font-size:.8rem}.lesson-learning-block{margin-top:2px}.lesson-concept-card{padding:10px}.lesson-media-card{padding:9px}.lesson-media-frame{min-height:180px!important}.lesson-form-header,.review-heading,.module-preview-heading,.module-select-row{flex-direction:column}.lesson-context-rail{justify-content:flex-start}.lesson-stepper,.lesson-form-grid,.review-grid{grid-template-columns:1fr}.lesson-form-actions{flex-direction:column-reverse}.lesson-form-actions .cta{width:100%}.lesson-progress-rail{gap:5px}.lesson-stage-chip{padding:4px 8px;font-size:.72rem}.learner-studio-top{flex-direction:column;align-items:stretch}.learner-studio-top-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.learner-studio-top .cta{justify-content:center;width:100%}.learner-studio-progress-banner{font-size:.82rem}.learner-studio-grid{grid-template-columns:1fr}.learner-studio-sidebar{display:none}.learner-studio-mobile-tabs{z-index:12;display:flex;position:sticky;top:8px;box-shadow:0 4px 14px #00000014}.learner-studio-tab-btn{min-height:40px}.learner-studio-content{max-height:none;padding:10px;overflow:visible}.learner-studio-facts,.learner-studio-cards-grid,.learner-studio-game-grid{grid-template-columns:1fr}.learner-studio-row-actions .cta{width:100%}.bottom-nav{display:block}.hamburger{display:flex}}.two-panel-layout{grid-template-columns:minmax(220px,280px) 1fr;gap:12px;display:grid}.two-panel-sidebar{border:1px solid var(--border);border-radius:12px;max-height:520px;padding:8px;overflow-y:auto}.two-panel-detail{border:1px solid var(--border);border-radius:12px;padding:12px}@media (max-width:639px){.two-panel-layout{grid-template-columns:1fr}.two-panel-sidebar{max-height:260px}}.quiz-shell{flex-direction:column;gap:12px;display:flex}.quiz-title,.stories-title{margin:0}.quiz-subtitle,.stories-subtitle{color:var(--text-muted);margin-top:0}.quiz-builder-toggle-wrap{margin-bottom:12px}.quiz-builder-panel{border:1px solid var(--border);background:#fbfdf9;border-radius:12px;margin-bottom:12px;padding:12px}.quiz-builder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quiz-builder-question{border:1px dashed #d6e1d8;border-radius:10px;margin-top:10px;padding:10px}.quiz-builder-option-row{grid-template-columns:auto 1fr;align-items:center;gap:8px;margin-top:8px;display:grid}.quiz-builder-option-row input[type=text],.quiz-builder-option-row input:not([type]){width:100%}.quiz-builder-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.quiz-builder-error{color:#b23a2f;margin-top:8px;font-size:.86rem}.quiz-toolbar,.stories-toolbar{grid-template-columns:1fr auto;gap:8px;margin-bottom:10px;display:grid}.quiz-search,.stories-search,.quiz-subject-filter,.quiz-publish-select{background:#fffef9;border:1px solid #cdd8cf;border-radius:10px;padding:9px 10px}.quiz-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.quiz-metric-card{background:#f7fbf4;border:1px solid #d8e0d7;border-radius:10px;padding:8px 10px}.quiz-metric-card h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.78rem}.quiz-metric-card strong{color:var(--text-primary);margin-top:4px;font-size:1rem;display:block}.quiz-library-item,.story-library-item{text-align:left;border:1px solid var(--border);background:var(--bg-panel);cursor:pointer;border-radius:10px;width:100%;margin-bottom:8px;padding:10px 12px}.quiz-library-item.active,.story-library-item.active{background:#fff7de;border-color:#e2c37b}.quiz-library-title,.story-library-title{margin:0 0 4px;font-weight:700}.quiz-library-meta,.story-library-meta{color:var(--text-muted);margin:0;font-size:.8rem}.quiz-detail-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.quiz-detail-title,.stories-detail-title{margin:0 0 4px}.quiz-detail-meta,.stories-detail-meta{color:var(--text-muted);margin-top:0;font-size:.86rem}.quiz-progress-strip{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.quiz-progress-strip span{color:#355744;background:#f7fbf6;border:1px solid #d5ddd4;border-radius:999px;padding:3px 9px;font-size:.8rem}.quiz-practice-card{border:var(--border-width) solid var(--border);border-radius:var(--border-radius-lg);background:var(--bg-card);box-shadow:none;padding:16px}.stories-tab-panel{border:var(--border-width) solid var(--border);border-radius:var(--border-radius-lg);background:var(--bg-card);box-shadow:none;padding:20px}.quiz-practice-counter{color:var(--text-muted);margin:0;font-size:.84rem}.quiz-practice-question{margin:8px 0 10px;font-weight:700;line-height:1.45}.quiz-question-jump{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.quiz-jump-dot{color:#355744;cursor:pointer;background:#fff;border:1px solid #cdd8cf;border-radius:8px;min-width:34px;height:30px;padding:0 6px;font-size:.78rem}.quiz-jump-dot.answered{background:#edf7ef;border-color:#8db79b}.quiz-jump-dot.active{color:#fff;background:#2f664e;border-color:#2f664e}.quiz-jump-dot:focus-visible,.quiz-option:focus-visible,.quiz-library-item:focus-visible,.story-library-item:focus-visible,.stories-tab-row button:focus-visible{outline-offset:2px;outline:2px solid #2f664e}.quiz-options-list{gap:8px;display:grid}.quiz-option{text-align:left;cursor:pointer;background:#fff;border:1px solid #ccd8d0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.quiz-option-marker{color:#2f664e;background:#edf3ec;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:800;display:inline-flex}.quiz-option.selected{background:#f2f9f3;border-color:#86ad96}.quiz-option.correct{background:#ecf9f0;border-color:#5ca373}.quiz-option.incorrect{background:#fff4f1;border-color:#c87a6e}.quiz-practice-feedback{color:#2f664e;margin:10px 0 0;font-size:.9rem}.quiz-practice-actions,.quiz-detail-actions,.stories-detail-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.quiz-reading-list{gap:10px;display:grid}.quiz-reading-card{background:#fafcf9;border:1px solid #d9e1da;border-radius:10px;padding:10px}.quiz-reading-question{margin:0 0 6px;font-weight:700}.quiz-reading-options{gap:5px;margin:0;padding-left:18px;display:grid}.quiz-reading-options li.correct{color:#276544;font-weight:700}.quiz-publish-panel{border-top:1px solid #dde5dd;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:10px;display:flex}.stories-metric-chip{color:#355744;white-space:nowrap;background:#f7fbf4;border:1px solid #d7e2d8;border-radius:999px;padding:8px 10px;font-size:.8rem;font-weight:700}.stories-detail{flex-direction:column;gap:10px;display:flex}.stories-tab-row{flex-wrap:wrap;gap:8px;display:flex}.stories-tab-row button{border:var(--border-width) solid var(--border);border-radius:var(--border-radius-md);background:var(--bg-card);color:var(--text-primary);cursor:pointer;box-shadow:2px 2px 0px var(--border);transition:var(--transition-spring);align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.stories-tab-row button:hover{box-shadow:3px 3px 0px var(--border);transform:translateY(-2px)}.stories-tab-row button.active{background:var(--gold-gradient);border-color:var(--border);color:var(--text-primary);box-shadow:2px 2px 0px var(--border)}.stories-subheading{margin:0 0 6px}.stories-body-copy{color:var(--text-primary);text-align:justify;margin:0;font-size:1.05rem;line-height:1.78;position:relative}.stories-body-copy:first-letter{font-family:var(--font-title), serif;float:left;color:var(--sidebar);margin:4px 8px 0 0;font-size:3.2rem;font-weight:700;line-height:.85}.stories-moral{border-top:2px dashed var(--border-muted);color:var(--text-primary);margin:18px 0 0;padding-top:14px;font-size:.95rem;position:relative}.stories-moral:before{content:"✦ ✦ ✦";background:var(--bg-card);color:var(--sidebar-accent-strong);letter-spacing:2px;padding:0 10px;font-size:.8rem;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.stories-support-text{color:var(--text-muted);margin:6px 0 0;font-size:.9rem}.stories-list{gap:6px;margin:0;padding-left:18px;display:grid}@media (max-width:920px){.quiz-metrics-grid,.quiz-builder-grid{grid-template-columns:1fr}}@media (max-width:639px){.quiz-toolbar,.stories-toolbar{grid-template-columns:1fr}.stories-metric-chip{justify-self:start}.quiz-practice-actions,.quiz-detail-actions,.stories-detail-actions,.quiz-publish-panel{flex-direction:column;align-items:stretch}.quiz-practice-actions .cta,.quiz-detail-actions .cta,.stories-detail-actions .cta,.quiz-publish-panel .cta{width:100%}.quiz-detail-head{flex-direction:column;align-items:stretch}}@media (max-width:479px){.learner-studio-top-actions{grid-template-columns:1fr}.learner-studio-mobile-tabs{padding:6px;top:6px}.learner-studio-tab-btn{padding:7px 8px;font-size:.78rem}.main{padding:12px 12px calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,8px))}.panel{padding:12px}.metrics{grid-template-columns:1fr}.lesson-media-frame{min-height:160px!important}}.admin-shell{background:var(--bg-main);height:100vh;font-family:var(--font-ui,sans-serif);display:flex;overflow:hidden}.admin-sidebar{color:#e8f5ee;z-index:100;background:#172e23;flex-direction:column;flex-shrink:0;width:240px;transition:transform .25s;display:flex;overflow-y:auto}.admin-brand{border-bottom:1px solid #ffffff14;padding:22px 20px 16px}.admin-brand h1{font-family:var(--font-title,serif);color:#fff;margin:0 0 2px;font-size:1.2rem}.admin-brand p{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.75rem}.admin-nav{flex:1;margin:0;padding:10px 0;list-style:none}.admin-nav-item{cursor:pointer;color:#ffffffb8;text-align:left;width:100%;font-size:.9rem;font-family:var(--font-ui,sans-serif);background:0 0;border:none;align-items:center;gap:10px;padding:11px 20px;transition:background .15s,color .15s;display:flex;position:relative}.admin-nav-item:hover{color:#fff;background:#ffffff12}.admin-nav-item.active{color:var(--sidebar-accent);background:#f3c44526;font-weight:600}.admin-nav-item.active svg{color:var(--sidebar-accent)}.admin-badge{color:#fff;text-align:center;background:#e53e3e;border-radius:999px;min-width:18px;margin-left:auto;padding:1px 6px;font-size:.7rem;font-weight:700}.admin-sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:6px;padding:16px 20px;display:flex}.admin-back-btn{color:#ffffff8c;cursor:pointer;font-size:.82rem;font-family:var(--font-ui,sans-serif);background:0 0;border:none;align-items:center;gap:7px;padding:6px 0;transition:color .15s;display:flex}.admin-back-btn:hover{color:#ffffffe6}.admin-main{flex-direction:column;flex:1;display:flex;overflow-y:auto}.admin-topbar{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:12px;padding:12px 20px;display:none;position:sticky;top:0}.admin-content{flex:1;padding:28px 32px}.admin-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.admin-page-header h2{color:var(--text-primary);font-size:clamp(1.2rem,3vw,1.5rem);font-family:var(--font-title,serif);margin:0}.admin-stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:28px;display:grid}.admin-stat-card{background:var(--bg-card);box-shadow:var(--shadow-card);border:1px solid var(--border);border-radius:12px;padding:18px 20px}.admin-stat-card .stat-value{color:var(--text-primary);font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700;font-family:var(--font-title,serif);margin-bottom:4px;line-height:1}.admin-stat-card .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.admin-stat-card.highlight{border-color:var(--sidebar-accent);background:#fffdf0}.admin-stat-card.highlight .stat-value{color:#b97d00}.admin-panel{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:14px;margin-bottom:24px;padding:24px}.admin-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.admin-panel-header h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:1rem;display:flex}.admin-search-bar{border:1px solid var(--border);background:var(--bg-main);width:100%;color:var(--text-primary);font-size:.9rem;font-family:var(--font-ui,sans-serif);border-radius:8px;outline:none;margin-bottom:12px;padding:10px 14px}.admin-search-bar:focus{border-color:var(--sidebar);box-shadow:0 0 0 3px #1f5f461f}.admin-filter-row{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.admin-filter-chip{border:1px solid var(--border);background:var(--bg-main);cursor:pointer;color:var(--text-muted);font-size:.8rem;font-family:var(--font-ui,sans-serif);border-radius:999px;padding:4px 12px;transition:all .15s}.admin-filter-chip:hover,.admin-filter-chip.active{background:var(--sidebar);color:#fff;border-color:var(--sidebar)}.admin-user-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.admin-user-row:last-child{border-bottom:none}.admin-user-info{flex:1;min-width:0}.admin-user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.admin-user-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.78rem;overflow:hidden}.admin-user-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.role-chip{text-transform:capitalize;border-radius:999px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.role-chip.admin{color:#fff;background:#1f5f46}.role-chip.educator{color:#fff;background:#2563eb}.role-chip.moderator{color:#fff;background:#7c3aed}.role-chip.learner{color:#4a6458;background:#e2e8f0}.status-chip{border-radius:999px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.status-chip.active{color:#166534;background:#dcfce7}.status-chip.disabled{color:#991b1b;background:#fee2e2}.intent-chip{color:#92400e;background:#fef9c3;border-radius:999px;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.audit-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:10px 0;font-size:.85rem;display:flex}.audit-row:last-child{border-bottom:none}.audit-action-chip{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.audit-action-chip.role_change{color:#1d4ed8;background:#dbeafe}.audit-action-chip.status_change{color:#991b1b;background:#fee2e2}.audit-action-chip.educator_declined{color:#92400e;background:#fef3c7}.audit-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:.75rem}.admin-role-select{border:1px solid var(--border);background:var(--bg-main);color:var(--text-primary);cursor:pointer;font-size:.82rem;font-family:var(--font-ui,sans-serif);border-radius:6px;padding:5px 8px}.btn-approve{background:var(--success);color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-ui,sans-serif);border:none;border-radius:6px;align-items:center;gap:4px;min-height:32px;padding:5px 10px;transition:opacity .15s;display:inline-flex}.btn-approve:hover{opacity:.85}.btn-approve:disabled{opacity:.5;cursor:not-allowed}.btn-decline{border:1px solid var(--border);background:var(--bg-main);color:var(--text-muted);cursor:pointer;font-size:.8rem;font-family:var(--font-ui,sans-serif);border-radius:6px;align-items:center;gap:4px;min-height:32px;padding:5px 10px;transition:all .15s;display:inline-flex}.btn-decline:hover{color:#c0392b;border-color:#c0392b}.btn-decline:disabled{opacity:.5;cursor:not-allowed}.btn-disable{color:#c0392b;cursor:pointer;font-size:.8rem;font-family:var(--font-ui,sans-serif);background:#fff5f5;border:1px solid #fee2e2;border-radius:6px;align-items:center;gap:4px;min-height:32px;padding:5px 10px;transition:all .15s;display:inline-flex}.btn-disable:hover{background:#fee2e2}.btn-disable:disabled{opacity:.5;cursor:not-allowed}.btn-enable{color:#166534;cursor:pointer;font-size:.8rem;font-family:var(--font-ui,sans-serif);background:#f0fdf4;border:1px solid #dcfce7;border-radius:6px;align-items:center;gap:4px;min-height:32px;padding:5px 10px;transition:all .15s;display:inline-flex}.btn-enable:hover{background:#dcfce7}.btn-enable:disabled{opacity:.5;cursor:not-allowed}.admin-confirm-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-confirm-box{background:var(--bg-card);width:100%;max-width:380px;box-shadow:var(--shadow-soft);border-radius:14px;padding:28px}.admin-confirm-box h4{color:var(--text-primary);margin:0 0 10px;font-size:1rem}.admin-confirm-box p{color:var(--text-muted);margin:0 0 20px;font-size:.9rem;line-height:1.5}.admin-confirm-actions{justify-content:flex-end;gap:10px;display:flex}@media (max-width:899px){.admin-sidebar{width:min(260px,85vw);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-topbar{display:flex}.admin-content{padding:20px 16px}}@media (max-width:639px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-user-row{flex-wrap:wrap}.admin-user-actions{flex-wrap:wrap;width:100%}}.mobile-safe-bottom{padding-bottom:max(16px, env(safe-area-inset-bottom))}.kybernetics-footer{border-top:1px solid var(--border,#dde5dc);padding-top:16px;padding-left:16px;padding-right:16px}@media (min-width:640px){.kybernetics-footer{padding-top:24px;padding-left:24px;padding-right:24px}.kybernetics-footer p{letter-spacing:.2em!important;max-width:none!important;font-size:11px!important}}.games-hub-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:12px;display:grid}.games-hub-card{border:var(--border-width) solid var(--border);border-radius:var(--border-radius-lg);background:var(--bg-card);text-align:left;cursor:pointer;box-shadow:4px 4px 0px var(--border);transition:var(--transition-spring);color:var(--text-primary);flex-direction:column;gap:8px;padding:20px;display:flex}.games-hub-card:hover{box-shadow:6px 6px 0px var(--border);background:var(--warning-surface);transform:translateY(-4px)}.games-hub-card-icon{margin-bottom:4px;font-size:2.2rem}.games-hub-card h5{font-family:var(--font-title), serif;color:var(--text-primary);margin:0;font-size:1.15rem}.games-hub-card p{color:var(--text-muted);flex-grow:1;margin:0;font-size:.82rem;line-height:1.45}.games-hub-card-status{color:var(--sidebar);text-transform:uppercase;letter-spacing:.05em;margin-top:8px;font-size:.8rem;font-weight:800}.swipe-card-box{max-width:360px;margin:20px auto}.match-wires-game{min-height:380px}.timeline-slot{transition:var(--transition-spring)}.timeline-slot:hover{transform:scale(1.03);border-color:var(--sidebar-accent-strong)!important}.timeline-slot.filled{box-shadow:2px 2px 0px var(--border);border-style:solid!important}.category-crate-btn{transition:var(--transition-spring)}.category-crate-btn:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 6px 0px var(--border)!important;background:var(--warning-surface-hover)!important}.hotspot-pin{transition:var(--transition-spring)}.hotspot-pin:hover{box-shadow:0 4px 0px var(--border)!important;transform:translate(-50%,-50%)scale(1.15)!important}.hotspot-pin.correct{animation:.4s ease-out pulse-correct}.hotspot-pin.wrong{animation:.5s ease-in-out wobble}.plant-cell-sketch{position:relative}.plant-cell-sketch:before{content:"";border:4px double var(--border);background:#1542300d;border-radius:40% 60% 50% 50%/50% 40% 60% 50%;width:70%;height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.botswana-map-sketch{position:relative}.botswana-map-sketch:before{content:"";border:3px dashed var(--border);background:#e6b3250d;border-radius:45% 55% 40% 60%/50% 60% 40% 50%;width:65%;height:75%;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.sequence-card{transition:var(--transition-spring)}.sequence-card:hover{transform:translateY(-2px);box-shadow:0 6px 0px var(--border)!important}@keyframes pulse-correct{0%{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.3)}to{transform:translate(-50%,-50%)scale(1)}}.adventure-pathway-track{z-index:50;background:var(--bg-card);border:var(--border-width) solid var(--border);border-radius:var(--border-radius-lg);box-shadow:4px 4px 0px var(--border);justify-content:space-around;align-items:center;margin-bottom:12px;padding:8px 12px;display:flex;position:sticky;top:0;overflow-x:auto}.adventure-pathway-track:before{content:"";background:var(--border-muted);z-index:1;border-radius:2px;height:3px;position:absolute;top:50%;left:10%;right:10%;transform:translateY(-50%)}.adventure-path-node{cursor:pointer;z-index:2;transition:var(--transition-spring);background:0 0;border:none;flex-direction:column;align-items:center;min-width:80px;padding:4px 8px;display:flex;position:relative}.adventure-path-node:focus{outline:none}.node-circle{border:var(--border-width) solid var(--border);background:var(--bg-panel);width:32px;height:32px;box-shadow:2px 2px 0px var(--border);transition:var(--transition-spring);border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;display:flex}.node-label{color:var(--text-muted);text-align:center;white-space:nowrap;margin-top:4px;font-size:.74rem;font-weight:800}.adventure-path-node.active .node-circle{background:var(--gold-gradient);box-shadow:0 3px 0px var(--border);animation:1.5s ease-in-out infinite alternate float-node;transform:scale(1.12)}.adventure-path-node.active .node-label{color:var(--sidebar);font-weight:900}.adventure-path-node.completed .node-circle{background:var(--success-surface);border-color:var(--success);color:var(--success-strong)}.adventure-path-node.completed .node-label{color:var(--text-primary)}.adventure-path-node.locked{cursor:not-allowed}.adventure-path-node.locked .node-circle{opacity:.65;background:#eaece8;border-color:#ccd2c9}.adventure-path-node.locked .node-label{opacity:.65}@keyframes float-node{0%{transform:scale(1.12)translateY(0)}to{transform:scale(1.12)translateY(-3px)}}@media (max-width:639px){.node-label{display:none}.adventure-path-node{min-width:unset}.node-circle{width:38px;height:38px;font-size:1rem}}.lesson-catalog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;display:grid}.lesson-catalog-card{border:1px solid var(--border);background:var(--bg-panel);border-radius:16px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.lesson-catalog-card:hover{border-color:var(--border-muted);transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.subject-chip{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:700}.subject-chip[data-subject=Science]{color:#1e7e34;background-color:#e6f7ed}.subject-chip[data-subject=Mathematics]{color:#0056b3;background-color:#e8f4fd}.subject-chip[data-subject=Social\ Studies]{color:#85532d;background-color:#fbf0e6}.subject-chip[data-subject=Agriculture]{color:#b25e00;background-color:#fef8e7}.subject-chip[data-subject=English]{color:#5b21b6;background-color:#f5f3ff}.arcade-card{border-left-width:6px!important}.game-theme-cards{border-left-color:#3b82f6!important}.game-theme-cards:hover{background:linear-gradient(135deg, var(--bg-panel) 0%, #3b82f60a 100%)!important}.game-theme-match{border-left-color:#8b5cf6!important}.game-theme-match:hover{background:linear-gradient(135deg, var(--bg-panel) 0%, #8b5cf60a 100%)!important}.game-theme-timeline{border-left-color:#10b981!important}.game-theme-timeline:hover{background:linear-gradient(135deg, var(--bg-panel) 0%, #10b9810a 100%)!important}.game-theme-sort{border-left-color:#f59e0b!important}.game-theme-sort:hover{background:linear-gradient(135deg, var(--bg-panel) 0%, #f59e0b0a 100%)!important}.game-theme-hotspot{border-left-color:#ec4899!important}.game-theme-hotspot:hover{background:linear-gradient(135deg, var(--bg-panel) 0%, #ec48990a 100%)!important}.game-theme-sequence{border-left-color:#14b8a6!important}.game-theme-sequence:hover{background:linear-gradient(135deg, var(--bg-panel) 0%, #14b8a60a 100%)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.immersive-focus-view{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.game-arcade-glass{-webkit-backdrop-filter:blur(12px)!important;border:var(--border-width) solid var(--border)!important;transition:var(--transition-spring)!important;background:#fffefbbf!important;box-shadow:0 8px 32px #1542300f,0 2px 4px #1542300a!important}.game-arcade-glass:hover{transform:translateY(-2px);background:#fffefbd9!important;box-shadow:0 12px 40px #1542301a,0 4px 8px #1542300d!important}.glow-neon-blue{box-shadow:0 0 12px #3b82f659, 0 0 24px #3b82f626, 0 4px 0px var(--border)!important;border-color:#3b82f6!important}.glow-neon-purple{box-shadow:0 0 12px #8b5cf659, 0 0 24px #8b5cf626, 0 4px 0px var(--border)!important;border-color:#8b5cf6!important}.glow-neon-green{box-shadow:0 0 12px #10b98159, 0 0 24px #10b98126, 0 4px 0px var(--border)!important;border-color:#10b981!important}.glow-neon-pink{box-shadow:0 0 12px #ec489959, 0 0 24px #ec489926, 0 4px 0px var(--border)!important;border-color:#ec4899!important}.glow-neon-teal{box-shadow:0 0 12px #14b8a659, 0 0 24px #14b8a626, 0 4px 0px var(--border)!important;border-color:#14b8a6!important}.glow-neon-orange{box-shadow:0 0 12px #f59e0b59, 0 0 24px #f59e0b26, 0 4px 0px var(--border)!important;border-color:#f59e0b!important}@keyframes error-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.animate-shake{animation:.4s ease-in-out both error-shake;border-color:var(--error)!important}@keyframes neon-pulse-dash{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}.animate-neon-pulse{stroke-dasharray:8 4;animation:1.2s linear infinite neon-pulse-dash}@keyframes success-pop-effect{0%{transform:scale(1)}50%{filter:brightness(1.05);transform:scale(1.06)}to{transform:scale(1)}}.animate-success-pop{animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards success-pop-effect}.adventure-screen{flex-direction:column;gap:20px;max-width:680px;margin:0 auto;display:flex}.adventure-card-scroll{border:var(--border-width) solid var(--border);border-radius:var(--border-radius-md);background:var(--bg-card);max-height:380px;box-shadow:0 4px 0 var(--border);padding:16px;overflow-y:auto}.adventure-card-scroll::-webkit-scrollbar{width:6px}.adventure-card-scroll::-webkit-scrollbar-thumb{background:var(--border-muted);border-radius:var(--border-radius-sm)}.adventure-gate-box{border:var(--border-width) solid var(--border);border-radius:var(--border-radius-md);background:var(--warning-surface);color:var(--warning-text);box-shadow:0 4px 0 var(--border);margin-top:10px;padding:20px}.difficulty-indicator-bar{background:var(--bg-panel);border:var(--border-width) solid var(--border);border-radius:var(--border-radius-sm);justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 16px;display:flex}.game-timer-container{align-items:center;gap:8px;font-size:.95rem;font-weight:800;display:flex}.game-timer-critical{color:var(--error);animation:.5s infinite error-shake}.math-expression-wrap{flex-wrap:wrap;align-items:center;gap:2px;display:inline-flex}.math-fraction{vertical-align:middle;flex-direction:column;align-items:center;padding:0 4px;line-height:1.1;display:inline-flex}.math-numerator{border-bottom:1.5px solid var(--border);text-align:center;padding-bottom:1px;font-size:.88em}.math-denominator{text-align:center;padding-top:1.5px;font-size:.88em}.quiz-arcade-hearts{align-items:center;gap:6px;font-size:1.25rem;display:flex}.heart-icon-full{color:var(--error);filter:drop-shadow(0 0 2px #9e2a2b66);animation:.3s ease-out success-pop-effect}.heart-icon-empty{color:var(--border-muted);opacity:.4}.quiz-streak-combo{background:var(--warning-surface);border:var(--border-width) solid var(--border);color:var(--warning-text);border-radius:var(--border-radius-sm);box-shadow:2px 2px 0 var(--border);align-items:center;gap:6px;padding:6px 12px;font-weight:800;animation:.25s ease-out success-pop-effect;display:inline-flex}.decipher-word-spaces{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0;display:flex}.decipher-letter-blank{border-bottom:4px solid var(--border);text-align:center;text-transform:uppercase;width:36px;height:48px;color:var(--sidebar);font-size:1.8rem;font-weight:900}.decipher-letter-blank.space{border-bottom:none;width:20px}.decipher-keyboard{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:8px;max-width:500px;margin:20px auto;display:grid}.decipher-key-btn{border:var(--border-width) solid var(--border);border-radius:var(--border-radius-sm);background:var(--bg-card);cursor:pointer;height:38px;transition:var(--transition-spring);box-shadow:2px 2px 0 var(--border);text-transform:uppercase;font-weight:800}.decipher-key-btn:hover:not(:disabled){box-shadow:3px 3px 0 var(--border);background:var(--sidebar-accent);transform:translate(-1px,-1px)}.decipher-key-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.memory-board-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;margin:20px 0;display:grid}.memory-card-scene{aspect-ratio:3/4;perspective:600px;cursor:pointer}.memory-card-inner{width:100%;height:100%;transform-style:preserve-3d;border:var(--border-width) solid var(--border);border-radius:var(--border-radius-md);box-shadow:2px 4px 0 var(--border);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.memory-card-scene:hover .memory-card-inner{transform:scale(1.03)}.memory-card-scene.is-flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-face{backface-visibility:hidden;border-radius:calc(var(--border-radius-md) - 2px);text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;font-size:.82rem;font-weight:700;display:flex;position:absolute}.memory-card-face.front{background:var(--sidebar);color:#fff;font-size:2rem;font-family:var(--font-title), serif}.memory-card-face.back{background:var(--bg-card);color:var(--text-primary);overflow-y:auto;transform:rotateY(180deg)}.memory-card-scene.is-matched .memory-card-inner{opacity:.75;pointer-events:none;border-color:var(--success)!important;background:var(--success-surface)!important;box-shadow:none!important}.memory-card-scene.is-matched .memory-card-face.back{background:var(--success-surface)!important;color:var(--success-strong)!important}.disclosure-container{border:2px solid var(--border);border-radius:var(--border-radius-md);background:var(--bg-card);box-shadow:2px 2px 0px var(--border);margin:12px 0;transition:all .2s;overflow:hidden}.disclosure-header{text-align:left;background:var(--warning-surface);width:100%;color:var(--sidebar);cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.85rem;font-weight:800;transition:background-color .15s;display:flex}.disclosure-header:hover{background:#0000000a}.disclosure-body{border-top:2px solid var(--border);background:var(--bg-panel);color:var(--text-primary);padding:12px 14px;font-size:.88rem;line-height:1.5}.disclosure-arrow{color:var(--text-muted);font-size:.75rem}.games-dark-shell{border-radius:var(--border-radius-lg);background:radial-gradient(at 50% 0,#1a3a26 0%,#0d2218 55%,#081610 100%);width:100%;min-height:60vh;padding:28px 24px 36px;position:relative;overflow:hidden}.games-dark-shell:before{content:"";pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#ffffff03 3px 4px);position:absolute;inset:0}.arcade-hero-header{border-bottom:1px solid #f5d06133;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;display:flex}.arcade-hero-icon{border-radius:var(--border-radius-md);color:#f5d061;background:#f5d0611f;border:1.5px solid #f5d0614d;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.arcade-shimmer-title{font-family:var(--font-title), serif;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(90deg,#e6b325 0%,#f5d061 30%,#fff8e0 50%,#f5d061 70%,#e6b325 100%) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 4px;font-size:clamp(1.6rem,4vw,2.4rem);font-weight:900;animation:3s linear infinite shimmer-sweep}@keyframes shimmer-sweep{0%{background-position:200%}to{background-position:-200%}}.arcade-hero-tagline{color:#f5f8f28c;letter-spacing:.03em;margin:0;font-size:.92rem}.arcade-grid-v2{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.arcade-card-v2{--card-glow:#ffffff4d;border-radius:var(--border-radius-lg);background:var(--card-gradient,#1a2e1e);color:#fff;text-align:left;cursor:pointer;border:1.5px solid #ffffff1a;flex-direction:column;gap:10px;padding:24px 22px 20px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #0006,inset 0 1px #ffffff0f}.arcade-card-v2:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff12 0%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.arcade-card-v2:hover{box-shadow:0 0 0 2px var(--card-glow), 0 0 28px 4px var(--card-glow), 0 8px 32px #00000080;border-color:#ffffff73;transform:scale(1.04)}.arcade-card-v2:active{transform:scale(.98)}.arcade-card-icon-v2{border-radius:var(--border-radius-md);width:52px;height:52px;filter:drop-shadow(0 0 10px var(--card-glow));background:#ffffff1a;border:1.5px solid #ffffff26;justify-content:center;align-items:center;margin-bottom:4px;transition:filter .2s;display:flex}.arcade-card-v2:hover .arcade-card-icon-v2{filter:drop-shadow(0 0 18px var(--card-glow)) brightness(1.15)}.arcade-card-title-v2{font-family:var(--font-title), serif;color:#fff;margin:0;font-size:1.15rem;font-weight:800;line-height:1.25}.arcade-card-desc-v2{color:#ffffffa6;flex:1;margin:0;font-size:.84rem;line-height:1.5}.arcade-card-cta-v2{color:#ffffffe6;text-transform:uppercase;letter-spacing:.06em;border-top:1px solid #ffffff1f;align-items:center;gap:5px;margin-top:8px;padding-top:12px;font-size:.82rem;font-weight:800;display:inline-flex}.arcade-theme-cards{--card-gradient:linear-gradient(135deg, #1e3a5f 0%, #1e4d8c 100%)}.arcade-theme-match{--card-gradient:linear-gradient(135deg, #2d1b5e 0%, #5b21b6 100%)}.arcade-theme-timeline{--card-gradient:linear-gradient(135deg, #0d3d30 0%, #0f766e 100%)}.arcade-theme-sort{--card-gradient:linear-gradient(135deg, #7c2d12 0%, #c2410c 100%)}.arcade-theme-hotspot{--card-gradient:linear-gradient(135deg, #831843 0%, #be185d 100%)}.arcade-theme-sequence{--card-gradient:linear-gradient(135deg, #14532d 0%, #15803d 100%)}.arcade-theme-adventure{--card-gradient:linear-gradient(135deg, #451a03 0%, #92400e 100%)}.arcade-theme-decipher{--card-gradient:linear-gradient(135deg, #0c2a4a 0%, #0369a1 100%)}.arcade-theme-memory{--card-gradient:linear-gradient(135deg, #450a0a 0%, #991b1b 100%)}.arcade-lesson-nav{border-bottom:1px solid #ffffff1a;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.arcade-back-btn{color:#f5f8f2d9;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-spring);background:#ffffff14;border:1.5px solid #ffffff26;align-items:center;gap:6px;padding:8px 14px;font-size:.88rem;font-weight:700;display:inline-flex}.arcade-back-btn:hover{background:#ffffff24;transform:translateY(-1px)}.arcade-selected-badge{border-radius:var(--border-radius-sm);color:#f5f8f2e6;background:#f5d0611a;border:1.5px solid #f5d06140;align-items:center;gap:8px;padding:6px 12px;font-size:.88rem;font-weight:700;display:inline-flex}.arcade-selected-badge-icon{align-items:center;display:flex}.arcade-lesson-header{margin-bottom:20px}.arcade-section-title{font-family:var(--font-title), serif;color:#f5f8f2;margin:0 0 6px;font-size:1.5rem;font-weight:800}.arcade-section-sub{color:#f5f8f280;margin:0;font-size:.9rem}.arcade-search,.arcade-filter{color:#f5f8f2!important;background:#ffffff12!important;border-color:#ffffff26!important}.arcade-search::placeholder{color:#f5f8f259!important}.arcade-empty-state{color:#f5f8f266;flex-direction:column;align-items:center;padding:48px 0;font-size:.9rem;display:flex}.arcade-lesson-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-top:16px;display:grid}.arcade-lesson-card{border-radius:var(--border-radius-md);text-align:left;cursor:pointer;transition:var(--transition-spring);color:#f5f8f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1.5px solid #ffffff1a;flex-direction:column;gap:8px;padding:16px;display:flex}.arcade-lesson-card:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.arcade-lesson-card-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.arcade-lesson-grade{color:#f5f8f273;font-size:.75rem;font-weight:600}.arcade-lesson-title{color:#f5f8f2;margin:0;font-size:1rem;font-weight:800;line-height:1.3}.arcade-lesson-overview{color:#f5f8f280;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.arcade-lesson-play-btn{color:#f5d061;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;margin-top:6px;font-size:.8rem;font-weight:800;display:inline-flex}.arcade-gameplay-shell{border-radius:var(--border-radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1.5px solid #ffffff1f;padding:24px;box-shadow:inset 0 0 0 1px #ffffff0d}.arcade-gameplay-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.arcade-gameplay-title-group{align-items:center;gap:12px;display:flex}.arcade-gameplay-icon{border-radius:var(--border-radius-sm);width:44px;height:44px;filter:drop-shadow(0 0 8px var(--card-glow,#ffffff4d));background:#ffffff14;border:1.5px solid #ffffff1f;flex-shrink:0;justify-content:center;align-items:center;display:flex}.arcade-gameplay-name{font-family:var(--font-title), serif;color:#f5f8f2;margin:0 0 2px;font-size:1.15rem;font-weight:800}.arcade-gameplay-lesson{color:#f5f8f273;text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin:0;font-size:.78rem;overflow:hidden}.arcade-reset-btn{color:#f5f8f2cc;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition-spring);background:#ffffff14;border:1.5px solid #ffffff26;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.arcade-reset-btn:hover{background:#ffffff24;transform:translateY(-1px)}.game-splash-overlay{z-index:300;border-radius:var(--border-radius-lg);background:var(--card-gradient,linear-gradient(135deg, #0d2218 0%, #1a3a26 100%));flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.35s cubic-bezier(.16,1,.3,1) forwards splash-in;display:flex;position:absolute;inset:0}.game-splash-overlay.splash-exit{animation:.3s ease-in forwards splash-out}@keyframes splash-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes splash-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.game-splash-icon{width:80px;height:80px;filter:drop-shadow(0 0 20px var(--card-glow,#fff6));background:#ffffff1a;border:2px solid #fff3;border-radius:20px;justify-content:center;align-items:center;animation:.5s cubic-bezier(.34,1.56,.64,1) .15s both splash-icon-pop;display:flex}@keyframes splash-icon-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.game-splash-title{font-family:var(--font-title), serif;color:#fff;text-align:center;letter-spacing:.04em;margin:0;font-size:1.8rem;font-weight:900;animation:.4s .2s both splash-text-rise}.game-splash-sub{color:#ffffff80;text-align:center;max-width:300px;margin:0;font-size:.9rem;animation:.4s .3s both splash-text-rise}@keyframes splash-text-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.game-splash-loading{gap:7px;animation:.4s .4s both splash-text-rise;display:flex}.game-splash-loading span{background:#fff6;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite dot-bounce}.game-splash-loading span:nth-child(2){animation-delay:.15s}.game-splash-loading span:nth-child(3){animation-delay:.3s}@keyframes dot-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-7px)}}@media (max-width:639px){.games-dark-shell{border-radius:var(--border-radius-md);padding:16px 14px 24px}.arcade-grid-v2{grid-template-columns:1fr 1fr;gap:12px}.arcade-card-v2{padding:16px 14px}.arcade-card-title-v2{font-size:.95rem}.arcade-card-desc-v2{display:none}.arcade-lesson-grid{grid-template-columns:1fr}}.arcade-btn{border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#ffffff14;border:1.5px solid #ffffff26;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:.9rem;font-weight:800;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.arcade-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.arcade-btn.primary{background:var(--card-glow,#fff3);border-color:#fff6}.arcade-btn.primary:hover:not(:disabled){box-shadow:0 0 16px var(--card-glow,#ffffff4d);filter:brightness(1.2)}.arcade-btn.destructive{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.arcade-btn.destructive:hover:not(:disabled){background:#ef444440;box-shadow:0 0 12px #ef444466}.arcade-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.arcade-flip-card{perspective:1000px;transform-style:preserve-3d;cursor:pointer;background:0 0;border:none;width:100%;min-height:180px;padding:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative}.arcade-flip-card.flipped{transform:rotateY(180deg)}.arcade-flip-card .front,.arcade-flip-card .back{backface-visibility:hidden;border-radius:var(--border-radius-lg);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid #ffffff26;justify-content:center;align-items:center;padding:24px;font-size:1.05rem;transition:border-color .3s,box-shadow .3s;display:flex;position:absolute;inset:0;box-shadow:0 8px 32px #0006}.arcade-flip-card:hover .front,.arcade-flip-card:hover .back{box-shadow:0 0 20px var(--card-glow,#fff3), 0 12px 40px #00000080;border-color:#ffffff59}.arcade-flip-card .front{z-index:2;color:#fff;background:linear-gradient(135deg,#ffffff14 0%,#0003 100%);font-weight:800;transform:rotateY(0)}.arcade-flip-card .back{color:#ffffffd9;background:#0000004d;font-size:.95rem;font-weight:600;transform:rotateY(180deg)}.arcade-game-tile{border-radius:var(--border-radius-md);text-align:center;cursor:pointer;color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1.5px solid #ffffff1f;justify-content:center;align-items:center;min-height:72px;padding:14px;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 12px #0003}.arcade-game-tile:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40;transform:translateY(-3px)}.arcade-game-tile.selected{background:var(--card-glow,#fff3);box-shadow:0 0 16px var(--card-glow,#fff6);color:#fff;border-color:#fff;transform:translateY(-2px)}.arcade-game-tile.matched{border-color:var(--success);color:#4ade80;background:#22c55e26;transform:translateY(2px);box-shadow:0 0 12px #22c55e4d}.arcade-match-wire{stroke-width:4px;filter:drop-shadow(0 0 6px var(--success))}.arcade-match-wire.pulse{animation:1.5s ease-in-out infinite alternate match-wire-pulse}@keyframes match-wire-pulse{0%{filter:drop-shadow(0 0 4px var(--success))}to{filter:drop-shadow(0 0 12px var(--success));stroke-width:5px}}.arcade-timeline-slot{border-radius:var(--border-radius-md);cursor:pointer;text-align:center;background:#00000026;border:2px dashed #fff3;flex-direction:column;flex:1 0 140px;justify-content:center;gap:8px;min-height:120px;padding:14px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex}.arcade-timeline-slot:hover{background:#ffffff0d;border-color:#fff6;transform:scale(1.03)}.arcade-timeline-slot.filled{background:linear-gradient(135deg,#ffffff14 0%,#0000001a 100%);border-style:solid;border-color:#fff3;box-shadow:0 6px 16px #0000004d}.arcade-timeline-slot.filled:hover{border-color:var(--card-glow,#fff);box-shadow:0 0 16px var(--card-glow,#ffffff4d)}.arcade-crate-btn{border-radius:var(--border-radius-lg);cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1.5px solid #ffffff1f;flex-direction:column;gap:10px;padding:18px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:inset 0 -12px 24px -10px #00000080}.arcade-crate-btn:hover:not(:disabled){border-color:var(--card-glow,#fff6);box-shadow:inset 0 -12px 24px -10px #00000080, 0 8px 24px #0006, 0 0 16px var(--card-glow,#fff3);background:#ffffff14;transform:translateY(-4px)}.arcade-crate-chip{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:700}.arcade-hotspot-board{aspect-ratio:4/3;border-radius:var(--border-radius-lg);background:#0f172a;border:2px solid #ffffff26;width:100%;max-width:480px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff0d}.arcade-hotspot-pin{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;box-shadow:0 4px 12px #0006}.arcade-hotspot-pin:hover:not(:disabled){background:var(--card-glow,#fff3);box-shadow:0 0 16px var(--card-glow,#fff6);border-color:#fff;transform:translate(-50%,-50%)scale(1.2)!important}.arcade-hotspot-pin.correct{background:var(--success);box-shadow:0 0 20px var(--success);border-color:#fff}.arcade-hotspot-pin.wrong{background:var(--error);box-shadow:0 0 12px var(--error);border-color:#fff}.arcade-hotspot-board .schematic-background-sketch>div{filter:invert(.9)hue-rotate(180deg)brightness(1.2)}.arcade-sequence-card{border-radius:var(--border-radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#ffffff08 0%,#ffffff0f 100%);border:1.5px solid #ffffff1f;justify-content:space-between;align-items:center;width:100%;max-width:440px;padding:16px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 12px #0003}.arcade-sequence-card:hover{border-color:#ffffff40;transform:translate(4px);box-shadow:0 6px 16px #0000004d}.arcade-letter-blank{text-transform:uppercase;color:#fff;border-bottom:3px solid #ffffff4d;justify-content:center;align-items:flex-end;width:32px;height:40px;padding-bottom:4px;font-size:1.6rem;font-weight:800;display:flex}.arcade-letter-blank.space{border-bottom-color:#0000}.arcade-letter-blank.revealed{border-bottom-color:var(--card-glow,#fff);text-shadow:0 0 12px var(--card-glow,#ffffff80)}.arcade-key-btn{border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff26;height:44px;font-size:1.1rem;font-weight:800;transition:all .15s;box-shadow:0 4px #0006}.arcade-key-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(2px);box-shadow:0 2px #0009}.arcade-key-btn:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.arcade-key-btn:disabled{opacity:.2;cursor:not-allowed;box-shadow:none;transform:translateY(4px)}.arcade-memory-card{aspect-ratio:3/4;perspective:800px;cursor:pointer;min-width:0}.arcade-memory-inner{width:100%;height:100%;transform-style:preserve-3d;border-radius:var(--border-radius-md);border:1.5px solid #ffffff1a;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 6px 16px #0006}.arcade-memory-card:hover:not(.is-flipped):not(.is-matched) .arcade-memory-inner{border-color:var(--card-glow,#fff6);box-shadow:0 0 20px var(--card-glow,#fff3);transform:scale(1.05)}.arcade-memory-card.is-flipped .arcade-memory-inner{transform:rotateY(180deg)}.arcade-memory-face{backface-visibility:hidden;border-radius:calc(var(--border-radius-md) - 2px);text-align:center;color:#fff;justify-content:center;align-items:center;padding:12px;font-size:.82rem;font-weight:800;display:flex;position:absolute;inset:0}.arcade-memory-face.front{background:linear-gradient(135deg,#ffffff1a 0%,#0000004d 100%) 50%/cover}.arcade-memory-face.front:after{content:"";opacity:.2;background-image:radial-gradient(var(--card-glow,#fff) 1px, transparent 1px);border-radius:inherit;pointer-events:none;background-size:10px 10px;position:absolute;inset:0}.arcade-memory-face.back{border:1px solid var(--card-glow,#ffffff4d);box-shadow:inset 0 0 16px var(--card-glow,#ffffff1a);background:#ffffff1a;overflow:hidden;transform:rotateY(180deg);container-type:inline-size}.arcade-memory-text{line-clamp:4;-webkit-line-clamp:4;word-break:break-word;text-wrap:balance;-webkit-box-orient:vertical;width:100%;font-size:clamp(.78rem,2.1cqw,1rem);line-height:1.3;display:-webkit-box;overflow:hidden}.arcade-memory-text.memory-term{line-clamp:3;-webkit-line-clamp:3;font-weight:800}.arcade-memory-text.memory-def{font-weight:650}.arcade-memory-card.is-matched .arcade-memory-inner{border-color:var(--success);opacity:.6;transform:rotateY(180deg)scale(.95);box-shadow:0 0 24px #22c55e4d}.arcade-memory-card.is-matched .arcade-memory-face.back{color:#4ade80;background:#22c55e26}.studio-nav-sidebar{background:linear-gradient(180deg, var(--sidebar,#1b3a29) 0%, #0f2218 100%);z-index:50;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;justify-content:space-between;width:220px;padding:0;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.studio-nav-brand{font-family:var(--font-title);letter-spacing:.1em;text-transform:uppercase;color:#fff6;white-space:nowrap;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:20px 16px 16px;font-size:.8rem;font-weight:900;display:flex}.studio-nav-brand svg{color:#6ee7a0;flex-shrink:0}.studio-nav-top{flex-direction:column;flex:1;gap:4px;padding:16px 10px;display:flex}.studio-nav-divider{background:#ffffff14;height:1px;margin:0 10px}.studio-nav-bottom{flex-direction:column;gap:4px;padding:12px 10px;display:flex}.studio-nav-btn{font-family:var(--font-body);color:#ffffff80;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:11px 12px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex;position:relative}.studio-nav-btn .nav-icon{color:#fff6;flex-shrink:0;justify-content:center;align-items:center;width:22px;transition:color .2s;display:flex}.studio-nav-btn:hover:not(:disabled){color:#ffffffd9;background:#ffffff12;border-color:#ffffff1a}.studio-nav-btn:hover:not(:disabled) .nav-icon{color:#6ee7a0}.studio-nav-btn.active{color:#c4f0d4;background:#6ee7a026;border-color:#6ee7a059;box-shadow:0 0 16px #6ee7a01a}.studio-nav-btn.active .nav-icon{color:#6ee7a0}.studio-nav-btn.active:before{content:"";background:#6ee7a0;border-radius:0 3px 3px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0;box-shadow:0 0 8px #6ee7a099}.studio-nav-btn.completed{color:#6ee7a0b3}.studio-nav-btn.completed .nav-icon{color:#6ee7a0}.studio-nav-btn.locked{opacity:.35;cursor:not-allowed}.nav-done-pip{background:#6ee7a0;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:auto;box-shadow:0 0 6px #6ee7a0b3}.studio-nav-btn.action-btn{color:#ffffff80}.studio-nav-btn.action-btn:hover{color:#fff}.studio-nav-btn.focus-active{color:#fde68a;background:#fbbf2426;border-color:#fbbf2459}.studio-nav-btn.focus-active .nav-icon{color:#fbbf24}.learner-studio-grid{background:var(--bg-body);flex:1;min-width:0;position:relative;overflow-y:auto}.learner-studio-content{scrollbar-width:thin;scrollbar-color:var(--border) transparent;height:100%;overflow-y:auto}@media (max-width:899px){.learner-studio-shell{flex-direction:column;height:100%}.studio-nav-sidebar{z-index:100;border-top:1px solid #ffffff14;border-right:none;flex-direction:row;flex-shrink:0;justify-content:stretch;height:64px;padding:0;position:fixed;bottom:0;left:0;right:0;overflow:visible;width:100%!important}.studio-nav-brand{display:none}.studio-nav-top{flex-direction:row;flex:1;justify-content:stretch;align-items:stretch;gap:0;padding:0}.studio-nav-divider{display:none}.studio-nav-bottom{border-left:1px solid #ffffff14;flex-direction:row;align-items:stretch;gap:0;padding:0}.studio-nav-btn{border:none;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 4px;font-size:.65rem;font-weight:700}.studio-nav-btn:before{display:none!important}.studio-nav-btn.active{background:#6ee7a01f;border-bottom:2px solid #6ee7a0}.studio-nav-btn .nav-label{font-size:.6rem}.studio-nav-btn .nav-icon{width:auto}.nav-done-pip{display:none}.learner-studio-grid{height:calc(100% - 64px);padding-bottom:0}}.mobile-studio-shell{color:#fff;background:#0a1a10;flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.mobile-studio-header{z-index:10;background:#0f2218;border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;display:flex}.mobile-header-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:background .2s,color .2s;display:flex}.mobile-header-btn:hover{color:#fff;background:#ffffff1a}.mobile-header-title{font-size:.9rem;font-weight:700;font-family:var(--font-title);color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mobile-studio-progress-track{background:#ffffff1a;flex-shrink:0;height:3px}.mobile-studio-progress-fill{background:linear-gradient(90deg,#6ee7a0,#22c55e);border-radius:0 2px 2px 0;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.mobile-studio-content{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:16px 16px 8px;overflow-y:auto}.mobile-studio-content::-webkit-scrollbar{display:none}.mobile-slide-card{background:linear-gradient(160deg,#132b1c 0%,#0d2016 100%);border:1px solid #6ee7a033;border-radius:20px;flex-direction:column;gap:14px;min-height:calc(100dvh - 220px);padding:16px;display:flex;box-shadow:0 8px 32px #0006}.mobile-slide-visual{background:#0003;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;width:100%;max-height:180px;display:flex;overflow:hidden}.mobile-slide-visual .slide-visual-container{width:100%!important;height:180px!important;max-height:180px!important;aspect-ratio:unset!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:8px!important}.mobile-slide-visual .slide-visual-placeholder{font-size:3.5rem}.mobile-slide-meta{flex-direction:column;gap:4px;display:flex}.mobile-slide-label{text-transform:uppercase;letter-spacing:.1em;color:#6ee7a0;font-size:.7rem;font-weight:800}.mobile-slide-title{font-size:1.4rem;font-family:var(--font-title);color:#fff;margin:0;font-weight:900;line-height:1.25}.mobile-slide-body{color:#ffffffd1;flex:1;font-size:.95rem;line-height:1.65}.mobile-slide-card .slide-story-text{color:#ffffffd9!important;background:#ffffff0d!important;border-left-color:#6ee7a0!important;font-style:normal!important}.mobile-slide-card .slide-module-explanation{color:#ffffffd9!important;background:#ffffff0d!important;border-left-color:#6ee7a0!important}.mobile-slide-card .slide-story-moral,.mobile-slide-card .slide-module-takeaway{color:#a7f3c4!important;background:#6ee7a01a!important;border-color:#6ee7a04d!important}.mobile-slide-card .slide-overview-text{color:#ffffffd9}.mobile-slide-card .slide-meta-pill{color:#6ee7a0!important;background:#ffffff14!important;border-color:#ffffff26!important}.mobile-slide-card .slide-module-read-header button{color:#ffffffb3!important;background:#ffffff14!important;border-color:#ffffff26!important}.mobile-slide-card .disclosure-header{color:#fff!important;background:#ffffff0f!important;border-color:#ffffff1f!important}.mobile-slide-card .disclosure-body{color:#fffc!important;background:#ffffff0a!important}.mobile-slide-card .slide-reflection-prompt{color:#fffc!important;border-color:#ffffff26!important}.mobile-slide-card .slide-reflection-questions{background:#ffffff0d!important;border-color:#ffffff26!important}.mobile-slide-dots{justify-content:center;gap:7px;padding-top:4px;display:flex}.mobile-slide-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:all .2s}.mobile-slide-dot.active{background:#6ee7a0;border-radius:4px;width:22px;box-shadow:0 0 8px #6ee7a080}.mobile-studio-footer{background:#0a1a10;flex-shrink:0;padding:10px 16px}.mobile-next-btn{color:#ffffffe6;width:100%;font-size:1rem;font-weight:700;font-family:var(--font-title);cursor:pointer;background:#ffffff14;border:1.5px solid #ffffff26;border-radius:14px;padding:14px;transition:all .2s}.mobile-next-btn:hover{background:#ffffff24}.mobile-next-btn.advance{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border-color:#22c55e;box-shadow:0 4px 16px #22c55e4d}.mobile-studio-bottom-nav{padding-bottom:env(safe-area-inset-bottom,0);background:#0f2218;border-top:1px solid #ffffff14;flex-shrink:0;align-items:stretch;display:flex}.mobile-nav-tab{cursor:pointer;color:#ffffff59;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 4px 8px;transition:all .2s;display:flex;position:relative}.mobile-nav-tab:hover:not(:disabled){color:#ffffffb3;background:#ffffff0a}.mobile-nav-tab.active{color:#6ee7a0}.mobile-nav-tab.locked{opacity:.3;cursor:not-allowed}.mobile-nav-tab.passed{color:#6ee7a080}.mobile-nav-tab-icon{justify-content:center;align-items:center;display:flex}.mobile-nav-tab-label{text-transform:uppercase;letter-spacing:.04em;font-size:.6rem;font-weight:700}.mobile-nav-tab-pip{background:#6ee7a0;border-radius:2px;width:24px;height:2px;position:absolute;bottom:4px;box-shadow:0 0 6px #6ee7a0b3}.mobile-studio-content.vocab-mode{flex-direction:column;gap:16px;padding:16px;display:flex}.mobile-vocab-header{color:#ffffff80;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;display:flex}.mobile-vocab-card-wrap{perspective:1000px;flex:1;justify-content:center;align-items:center;display:flex}.mobile-vocab-card{cursor:pointer;width:100%;max-width:400px;height:260px;transform-style:preserve-3d;background:0 0;border:none;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.mobile-vocab-card.flipped{transform:rotateY(180deg)}.mobile-vocab-face{backface-visibility:hidden;text-align:center;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;position:absolute;inset:0}.mobile-vocab-face.front{background:linear-gradient(160deg,#1a3d28 0%,#0f2416 100%);border:1px solid #6ee7a04d;box-shadow:0 8px 32px #0006}.mobile-vocab-face.back{background:linear-gradient(160deg,#1e3a4a 0%,#0f2035 100%);border:1px solid #63b3ed4d;transform:rotateY(180deg);box-shadow:0 8px 32px #0006}.mobile-vocab-face-label{text-transform:uppercase;letter-spacing:.12em;color:#6ee7a0;opacity:.7;font-size:.65rem;font-weight:800}.mobile-vocab-face p{color:#fff;margin:0;font-size:1.1rem;font-weight:600;line-height:1.4}.mobile-vocab-nav{gap:10px;display:flex}.mobile-nav-pill{color:#fffc;font-size:.9rem;font-weight:700;font-family:var(--font-title);cursor:pointer;background:#ffffff0f;border:1.5px solid #ffffff26;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;transition:all .2s;display:flex}.mobile-nav-pill:disabled{opacity:.3;cursor:not-allowed}.mobile-nav-pill.primary{color:#c4f0d4;background:#6ee7a026;border-color:#6ee7a066}.mobile-nav-pill.advance{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border-color:#22c55e;box-shadow:0 4px 12px #22c55e40}.mobile-nav-pill.full{flex:none;width:100%;padding:14px;font-size:1rem}.mobile-studio-content.quiz-mode{flex-direction:column;gap:14px;padding:16px;display:flex}.mobile-quiz-progress{color:#ffffff80;flex-direction:column;gap:8px;font-size:.8rem;font-weight:600;display:flex}.mobile-quiz-progress-bar{background:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.mobile-quiz-progress-fill{background:#6ee7a0;height:100%;transition:width .3s}.mobile-quiz-card{background:linear-gradient(160deg,#132b1c 0%,#0d2016 100%);border:1px solid #6ee7a02e;border-radius:20px;flex-direction:column;gap:16px;padding:20px;display:flex}.mobile-quiz-question{color:#fff;margin:0;font-size:1.05rem;font-weight:700;line-height:1.4}.mobile-quiz-options{flex-direction:column;gap:10px;display:flex}.mobile-quiz-opt{color:#fffc;cursor:pointer;text-align:left;background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:12px;align-items:center;gap:12px;padding:13px 14px;font-size:.9rem;font-weight:500;transition:all .15s;display:flex}.mobile-quiz-opt:hover:not(:disabled){background:#ffffff17;border-color:#ffffff40}.mobile-quiz-opt.selected{color:#bfdbfe;background:#63b3ed26;border-color:#63b3ed80}.mobile-quiz-opt.correct{color:#bbf7d0;background:#22c55e26;border-color:#22c55e80}.mobile-quiz-opt.wrong{color:#fca5a5;background:#ef44441f;border-color:#ef444466}.mobile-quiz-opt.reveal{background:#22c55e14;border-color:#22c55e4d}.mobile-quiz-opt-letter{background:#ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:flex}.mobile-quiz-check{color:#22c55e;flex-shrink:0;margin-left:auto}.mobile-quiz-feedback{color:#ffffff80;background:#ffffff0a;border-radius:8px;margin:0;padding:10px;font-size:.82rem;font-style:italic}.mobile-quiz-result{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.mobile-quiz-score{color:#ffffffb3;margin:0;font-size:1.1rem}.mobile-quiz-score strong{color:#6ee7a0;font-size:1.4rem}.mobile-quiz-nav{gap:10px;margin-top:auto;display:flex}.mobile-studio-content.games-mode{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex}.mobile-games-hero{color:#fff9;flex-direction:column;align-items:center;gap:12px;display:flex}.mobile-games-hero svg{color:#6ee7a0}.mobile-games-hero h2{font-size:1.5rem;font-family:var(--font-title);color:#fff;margin:0;font-weight:900}.mobile-games-hero p{max-width:280px;margin:0;font-size:.9rem}.mobile-studio-content.chat-mode{flex-direction:column;gap:0;padding:0;display:flex}.mobile-chat-list{scrollbar-width:none;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.mobile-chat-list::-webkit-scrollbar{display:none}.mobile-chat-bubble{border-radius:16px;max-width:85%;padding:12px 15px}.mobile-chat-bubble.ai{background:#ffffff12;border:1px solid #ffffff1a;border-bottom-left-radius:4px;align-self:flex-start}.mobile-chat-bubble.user{background:#6ee7a026;border:1px solid #6ee7a04d;border-bottom-right-radius:4px;align-self:flex-end}.mobile-chat-bubble p{color:#ffffffd9;margin:0;font-size:.9rem;line-height:1.5}.mobile-chat-input-row{background:#0f2218;border-top:1px solid #ffffff14;flex-shrink:0;gap:8px;padding:12px 16px;display:flex}.mobile-chat-input{color:#fff;background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;outline:none;flex:1;padding:11px 14px;font-size:.9rem;transition:border-color .2s}.mobile-chat-input::placeholder{color:#ffffff4d}.mobile-chat-input:focus{border-color:#6ee7a080}.mobile-chat-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:12px;padding:11px 16px;font-size:.875rem;font-weight:700}.mobile-empty-state{text-align:center;color:#fff6;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex}.quiz-header-bar{flex-shrink:0;justify-content:space-between;align-items:center;padding:0 0 12px;display:flex}.quiz-header-left,.quiz-header-right{align-items:center;gap:8px;display:flex}.quiz-q-badge{color:var(--text-primary);letter-spacing:-.01em;font-size:.95rem;font-weight:800}.quiz-q-total{color:var(--text-muted);font-size:.78rem;font-weight:500}.quiz-streak-badge{color:#d97706;background:#fbbf241f;border:1.5px solid #fbbf2459;border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:800;animation:1.2s ease-in-out infinite alternate quizStreakPulse}.quiz-bonus-pill{color:#7c3aed;background:#8b5cf61a;border:1px solid #8b5cf640;border-radius:10px;padding:1px 8px;font-size:.7rem;font-weight:700}.quiz-progress-track{background:var(--border-muted,#e5e7eb);border-radius:99px;flex-shrink:0;height:5px;margin-bottom:20px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg, var(--primary,#16a34a), #34d399);border-radius:99px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.quiz-options-grid{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.quiz-opt-card{border:1.5px solid var(--border,#e5e7eb);background:var(--bg-panel,#fff);cursor:pointer;text-align:left;width:100%;color:var(--text-primary);border-radius:14px;align-items:center;gap:14px;padding:13px 16px;font-size:.92rem;font-weight:500;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.quiz-opt-card:before{content:"";opacity:0;background:linear-gradient(90deg,#16a34a0f,#0000);transition:opacity .2s;position:absolute;inset:0}.quiz-opt-card:hover:not(:disabled){border-color:var(--primary,#16a34a);transform:translateY(-1px);box-shadow:0 0 0 3px #16a34a1a}.quiz-opt-card:hover:not(:disabled):before{opacity:1}.quiz-opt-card:active:not(:disabled){transform:translateY(0)}.quiz-opt-card:disabled{cursor:default}.quiz-opt-letter{background:var(--border,#f3f4f6);width:30px;height:30px;color:var(--text-muted);letter-spacing:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;transition:all .18s;display:flex}.quiz-opt-text{flex:1;line-height:1.4}.quiz-opt-check{color:#16a34a;flex-shrink:0}.quiz-opt-card.selected{border-color:var(--primary,#16a34a);background:#16a34a0f;box-shadow:0 0 0 3px #16a34a1f}.quiz-opt-card.selected .quiz-opt-letter{background:var(--primary,#16a34a);color:#fff}.quiz-opt-card.correct{background:#16a34a14;border-color:#16a34a;animation:.4s cubic-bezier(.34,1.56,.64,1) quizCorrectPop}.quiz-opt-card.correct .quiz-opt-letter{color:#fff;background:#16a34a}.quiz-opt-card.wrong{background:#ef444412;border-color:#ef4444;animation:.45s cubic-bezier(.36,.07,.19,.97) quizWrongShake}.quiz-opt-card.wrong .quiz-opt-letter{color:#fff;background:#ef4444}.quiz-opt-card.reveal{background:#16a34a0a;border-color:#16a34a80}.quiz-opt-card.reveal .quiz-opt-letter{color:#16a34a;background:#16a34a26}.quiz-explanation-callout{border-radius:12px;align-items:flex-start;gap:10px;margin-top:4px;padding:12px 14px;font-size:.875rem;line-height:1.55;animation:.25s ease-out quizCalloutSlide;display:flex}.quiz-explanation-callout.correct{background:#16a34a14;border:1px solid #16a34a40}.quiz-explanation-callout.wrong{background:#ef444412;border:1px solid #ef444433}.quiz-explanation-callout.info{background:#3b82f612;border:1px solid #3b82f633}.quiz-callout-icon{flex-shrink:0;margin-top:1px;font-size:1rem}.quiz-callout-label{font-weight:700}.quiz-explanation-callout.correct .quiz-callout-label{color:#16a34a}.quiz-explanation-callout.wrong .quiz-callout-label{color:#dc2626}.quiz-explanation-callout.info .quiz-callout-label{color:#2563eb}.quiz-callout-body{color:var(--text-primary)}.quiz-victory-screen{border-top:2px dashed var(--border-muted,#e5e7eb);flex-direction:column;align-items:center;gap:10px;margin-top:28px;padding-top:24px;display:flex}.quiz-victory-stars{gap:6px;margin-bottom:4px;display:flex}.quiz-victory-star{color:var(--border-muted,#d1d5db);fill:none;transition:all .3s;animation:.5s cubic-bezier(.34,1.56,.64,1) both starDrop}.quiz-victory-star.earned{color:#f59e0b;fill:#f59e0b;filter:drop-shadow(0 0 6px #f59e0b99)}.quiz-score-gauge-wrap{width:90px;height:90px;margin:4px 0;position:relative}.quiz-score-gauge{width:90px;height:90px;transform:rotate(-90deg)}.gauge-track{fill:none;stroke:var(--border-muted,#e5e7eb);stroke-width:7px}.gauge-fill{fill:none;stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.gauge-fill.good{stroke:#16a34a}.gauge-fill.pass{stroke:#f59e0b}.gauge-fill.low{stroke:#ef4444}.quiz-score-label{flex-direction:row;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.quiz-score-number{color:var(--text-primary);font-size:1.35rem;font-weight:900;line-height:1}.quiz-score-pct{color:var(--text-muted);align-self:flex-end;margin-bottom:3px;font-size:.72rem;font-weight:700}.quiz-victory-headline{text-align:center;margin:4px 0 0;font-size:1.15rem;font-weight:800}.quiz-victory-sub{color:var(--text-muted);text-align:center;margin:0 0 8px;font-size:.85rem}.quiz-confetti-burst{pointer-events:none;background:radial-gradient(circle,#f59e0b4d 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:1.2s ease-out both confettiBurst;position:absolute;top:0;left:50%;transform:translate(-50%)}.learner-studio-flip-card[data-subject=Science]:before{background:linear-gradient(90deg,#16a34a,#34d399)}.learner-studio-flip-card[data-subject=Mathematics]:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.learner-studio-flip-card[data-subject=English]:before{background:linear-gradient(90deg,#d97706,#fbbf24)}.learner-studio-flip-card[data-subject=Social\ Studies]:before{background:linear-gradient(90deg,#0891b2,#22d3ee)}.learner-studio-flip-card[data-subject=Agriculture]:before{background:linear-gradient(90deg,#92400e,#d97706)}.learner-studio-flip-card:before{content:"";z-index:10;pointer-events:none;background:linear-gradient(90deg, var(--primary,#16a34a), #34d399);border-radius:14px 14px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.learner-studio-flip-card{transform-style:preserve-3d;perspective:1000px;border-radius:14px;position:relative;overflow:visible}.learner-studio-flip-card .front,.learner-studio-flip-card .back{backface-visibility:hidden}.learner-studio-flip-card.vocab-mastered{animation:2s ease-in-out infinite alternate goldShimmer;box-shadow:0 0 0 2.5px #f59e0b,0 0 18px #f59e0b4d}.learner-studio-flip-card.vocab-review{outline-offset:2px;outline:2px dashed #f9731666;box-shadow:0 0 0 2px #f97316}.vocab-pronounce-btn{cursor:pointer;color:var(--text-muted);z-index:5;background:0 0;border:1px solid #0000001f;border-radius:8px;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;transition:all .15s;display:flex;position:absolute;bottom:12px;right:14px}.vocab-pronounce-btn:hover{color:var(--primary);background:#0000000d}.vocab-pronounce-btn.speaking{color:var(--primary);background:#16a34a14}.vocab-count-pill{color:var(--text-muted);background:var(--border,#f3f4f6);border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:700}.slide-item{transition:all .3s}.arcade-theme-cloze{--card-glow:#8b5cf699}.cloze-game{flex-direction:column;align-items:center;gap:20px;display:flex}.cloze-progress{color:#ffffff8c;text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;font-size:.8rem;font-weight:700}.cloze-sentence-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffeb;text-align:center;width:100%;box-shadow:0 0 24px var(--card-glow);background:#ffffff0f;border:1.5px solid #ffffff24;border-radius:18px;padding:24px 22px;font-size:1.08rem;line-height:1.7}.cloze-blank{color:#a78bfa;vertical-align:bottom;border-bottom:2.5px solid #8b5cf6b3;min-width:90px;margin:0 4px;padding:0 4px;font-style:italic;font-weight:700;display:inline-block}.cloze-blank.filled{color:#34d399;border-bottom-color:#34d399;font-style:normal}.cloze-options-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.cloze-opt-btn{color:#ffffffe6;cursor:pointer;text-align:left;background:#ffffff0d;border:1.5px solid #ffffff26;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:.88rem;font-weight:600;transition:all .18s;display:flex}.cloze-opt-btn:hover:not(:disabled){background:#8b5cf61f;border-color:#a78bfa99;box-shadow:0 0 12px #8b5cf64d}.cloze-opt-btn.correct{background:#34d3991f;border-color:#34d399;animation:.4s cubic-bezier(.34,1.56,.64,1) quizCorrectPop}.cloze-opt-btn.wrong{background:#ef44441a;border-color:#ef4444;animation:.4s quizWrongShake}.cloze-opt-letter{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.72rem;font-weight:800;display:flex}@keyframes quizCorrectPop{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes quizWrongShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes quizCalloutSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes quizStreakPulse{0%{box-shadow:0 0 #fbbf244d}to{box-shadow:0 0 8px 3px #fbbf2426}}@keyframes starDrop{0%{opacity:0;transform:translateY(-18px)scale(.7)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes goldShimmer{0%{box-shadow:0 0 0 2.5px #f59e0b,0 0 10px #f59e0b33}to{box-shadow:0 0 0 2.5px #fbbf24,0 0 22px #f59e0b73}}@keyframes confettiBurst{0%{opacity:0;transform:translate(-50%)scale(0)}30%{opacity:1;transform:translate(-50%)scale(1.5)}to{opacity:0;transform:translate(-50%)scale(3)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(48px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.saved-card{transition:transform .18s,box-shadow .18s}.saved-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #0000001f}#library-search:focus{box-shadow:0 0 0 3px #16a34a26;border-color:var(--primary)!important}