:root{--ag-font-sans:"DM Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--ag-font-heading:"Oswald",var(--ag-font-sans);--ag-font-body:"Poppins",var(--ag-font-sans);--ag-font-accent:"Dancing Script",cursive;--ag-font-mono:ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--ag-text-xs:0.75rem;--ag-text-sm:0.875rem;--ag-text-base:1rem;--ag-text-lg:1.125rem;--ag-text-xl:1.25rem;--ag-text-2xl:1.5rem;--ag-text-3xl:1.875rem;--ag-text-4xl:2.25rem;--ag-text-5xl:3rem;--ag-leading-none:1;--ag-leading-tight:1.25;--ag-leading-snug:1.375;--ag-leading-normal:1.5;--ag-leading-relaxed:1.625;--ag-leading-loose:2;--ag-font-light:300;--ag-font-normal:400;--ag-font-medium:500;--ag-font-semibold:600;--ag-font-bold:700;--ag-bg-page:#f0faf7;--ag-bg-panel:#ffffff;--ag-bg-panel-elevated:#ffffff;--ag-text-primary:#0f172a;--ag-text-secondary:#475569;--ag-text-muted:#94a3b8;--ag-text-inverse:#ffffff;--color-text-primary:#4B4959;--tan-bg:#f9f5ef;--off-white:#F8F5EE;--coral:#F37B6F;--orange:#FAAC5C;--soft-lime:#C5D07D;--mint:#9FC9C3;--rosy:#C29591;--frosted-lime:#E9E1A4;--yellow:#FFDD73;--white-overlay:rgba(255,255,255,0.5);--note-opacity:0.75;--progress-gradient:linear-gradient(90deg,#F37B6F,#FAAC5C 50%,#C5D07D);--ag-nav-primary:#9FC9C3;--ag-brand-primary:#3b82f6;--ag-brand-secondary:#10b981;--ag-primary:#3b82f6;--ag-primary-hover:#2563eb;--ag-accent-purple:#a78bfa;--ag-accent-coral:#F37B6F;--ag-accent-orange:#FAAC5C;--ag-accent-yellow:#FFDD73;--ag-accent-teal:#14b8a6;--ag-accent-mint:#9FC9C3;--ag-surface-4:#e2e8f0;--ag-surface-selected:#f0f9ff;--ag-surface-hover:#f8fafc;--ag-surface-disabled:#e5e7eb;--ag-bg-secondary:#f8fafc;--ag-brand-accent:#a78bfa;--ag-status-success:#22c55e;--ag-status-warning:#f59e0b;--ag-status-danger:#ef4444;--ag-status-info:#0ea5e9;--ag-panda-blue:#85b2c8;--ag-elephant-mauve:#bd85c8;--ag-mint-gradient-start:#d3f2ed;--ag-mint-gradient-mid:#e8f7f3;--ag-mint-gradient-end:#f0faf7;--ag-quiz-grad-1:#ffeef5;--ag-quiz-grad-2:#f8e8ff;--ag-quiz-grad-3:#e8f4ff;--ag-soft-grad-1:#ffe7f1;--ag-soft-grad-2:#eaf3ff;--ag-overlay-scrim:rgba(0,0,0,0.5);--ag-avatar-primary-1:#444444;--ag-avatar-primary-2:#2e2e2e;--ag-avatar-primary-3:#5a5a5a;--ag-avatar-primary-4:#1d1b1b;--ag-avatar-primary-5:#666066;--ag-avatar-primary-6:#424242;--ag-avatar-primary-7:#794e3e;--ag-avatar-primary-8:#6c4c40;--ag-avatar-primary-9:#704b3d;--ag-avatar-primary-10:#5a4b46;--ag-avatar-primary-11:#4b5a78;--ag-avatar-primary-12:#7a4f2d;--ag-avatar-secondary-1:#f7f4ef;--ag-avatar-secondary-2:#ffffff;--ag-avatar-secondary-3:#e8ddd5;--ag-avatar-secondary-4:#f0d6c2;--ag-avatar-secondary-5:#faf3d9;--ag-avatar-secondary-6:#e0e0e0;--ag-avatar-secondary-7:#dbb79c;--ag-avatar-secondary-8:#e8c3a3;--ag-avatar-secondary-9:#d2b7a5;--ag-avatar-secondary-10:#e2c2bb;--ag-avatar-secondary-11:#e6c55d;--ag-avatar-secondary-12:#dba39e;--ag-surface-1:#ffffff;--ag-surface-2:#f8fafc;--ag-surface-3:#f1f5f9;--ag-border:#e2e8f0;--ag-border-strong:#cbd5e1;--ag-radius-sm:6px;--ag-radius-md:12px;--ag-radius-lg:16px;--ag-radius-xl:24px;--ag-radius-full:999px;--ag-shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--ag-shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--ag-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--ag-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--ag-filter-shadow-sm:drop-shadow(0 1px 2px rgb(0 0 0/0.05));--ag-filter-shadow-md:drop-shadow(0 4px 6px rgb(0 0 0/0.1));--ag-filter-shadow-lg:drop-shadow(0 10px 15px rgb(0 0 0/0.1));--ag-filter-shadow-xl:drop-shadow(0 20px 25px rgb(0 0 0/0.1));--ag-z-nav:100;--ag-z-dropdown:200;--ag-z-sticky:300;--ag-z-fixed:400;--ag-z-modal-backdrop:1000;--ag-z-modal:1100;--ag-z-toast:1200;--ag-z-tooltip:1300;--ag-space-0:0;--ag-space-1:0.25rem;--ag-space-2:0.5rem;--ag-space-3:0.75rem;--ag-space-4:1rem;--ag-space-5:1.25rem;--ag-space-6:1.5rem;--ag-space-8:2rem;--ag-space-10:2.5rem;--ag-space-12:3rem;--ag-space-16:4rem;--ag-space-20:5rem;--ag-space-24:6rem;--ag-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--ag-transition-base:200ms cubic-bezier(0.4,0,0.2,1);--ag-transition-slow:300ms cubic-bezier(0.4,0,0.2,1)}:root{--ag-item-base-pct:15%}.ag-error-bg{background:color-mix(in srgb,var(--ag-status-danger) 12%,var(--ag-surface-1));border:1px solid color-mix(in srgb,var(--ag-status-danger) 40%,var(--ag-border))}.ag-selected-bg{background:color-mix(in srgb,var(--ag-brand-primary) 10%,transparent)}.ag-warning-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--ag-status-warning) 80%,var(--ag-surface-1)),var(--ag-status-warning))}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ag-bg-app{background:linear-gradient(135deg,var(--ag-mint-gradient-start) 0,var(--ag-mint-gradient-mid) 40%,var(--ag-mint-gradient-end) 100%);min-height:100vh;min-height:100dvh}.ag-bg-gradient-soft{background:radial-gradient(1200px 600px at 15% 20%,var(--ag-soft-grad-1) 0,transparent 60%),radial-gradient(1000px 700px at 85% 70%,var(--ag-soft-grad-2) 0,transparent 60%),var(--ag-surface-2)}.ag-panel{background:var(--ag-bg-panel);box-shadow:var(--ag-shadow-sm)}.ag-panel,.ag-panel-elevated{border:1px solid var(--ag-border);border-radius:var(--ag-radius-lg)}.ag-panel-elevated{background:var(--ag-bg-panel-elevated);box-shadow:var(--ag-shadow-md)}.ag-container{width:100%;margin-left:auto;margin-right:auto;padding-left:var(--ag-space-4);padding-right:var(--ag-space-4)}@media (min-width:640px){.ag-container{max-width:640px;padding-left:var(--ag-space-6);padding-right:var(--ag-space-6)}}@media (min-width:768px){.ag-container{max-width:768px}}@media (min-width:1024px){.ag-container{max-width:1024px;padding-left:var(--ag-space-8);padding-right:var(--ag-space-8)}}@media (min-width:1280px){.ag-container{max-width:1280px}}.ag-focus-ring:focus-visible{outline:2px solid var(--ag-brand-primary);outline-offset:2px;border-radius:inherit}.ag-text-primary{color:var(--ag-text-primary)}.ag-text-secondary{color:var(--ag-text-secondary)}.ag-text-muted{color:var(--ag-text-muted)}.ag-scrim{background:var(--ag-overlay-scrim)}@keyframes ag-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes ag-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ag-animate-fade-in{animation:ag-fade-in var(--ag-transition-base) ease-out}.ag-animate-scale-in{animation:ag-scale-in var(--ag-transition-base) ease-out}.ag-nav-bar{background-color:var(--ag-nav-primary);color:white}.ag-nav-button{color:white;transition:opacity .2s}.ag-nav-button:hover{opacity:.8}.ag-nav-icon-bg{background-color:var(--ag-nav-primary);color:white}.ag-badge-secondary{background-color:var(--ag-surface-3);color:var(--ag-text-secondary);border:1px solid var(--ag-border);border-radius:var(--ag-radius-full)}.ag-badge-secondary,.ag-badge-success{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:var(--ag-text-xs);font-weight:500}.ag-badge-success{background-color:color-mix(in srgb,var(--ag-status-success) 10%,transparent);color:var(--ag-status-success);border:1px solid color-mix(in srgb,var(--ag-status-success) 30%,transparent);border-radius:var(--ag-radius-full)}.ag-badge-warning{background-color:color-mix(in srgb,var(--ag-status-warning) 10%,transparent);color:var(--ag-status-warning);border:1px solid color-mix(in srgb,var(--ag-status-warning) 30%,transparent);border-radius:var(--ag-radius-full)}.ag-badge-danger,.ag-badge-warning{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:var(--ag-text-xs);font-weight:500}.ag-badge-danger{background-color:color-mix(in srgb,var(--ag-status-danger) 10%,transparent);color:var(--ag-status-danger);border:1px solid color-mix(in srgb,var(--ag-status-danger) 30%,transparent);border-radius:var(--ag-radius-full)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slideUp{animation:slideUp .3s ease-out}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px rgba(197,208,125,.3))}50%{filter:drop-shadow(0 0 15px rgba(197,208,125,.6))}}.learning-lounge-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.learning-lounge-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.progress-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{color:var(--ag-text-primary)}input::placeholder,textarea::placeholder{color:var(--ag-text-muted);opacity:.6}@media (max-width:639px){.quiz-audio-player-wrapper{position:sticky!important;bottom:1rem!important;z-index:10!important;background:rgba(255,255,255,.98)!important;padding:.75rem!important;border-radius:var(--ag-radius-lg)!important;backdrop-filter:blur(10px)!important;box-shadow:0 -4px 20px rgba(0,0,0,.1)!important;width:calc(100% - 2rem)!important;margin:.5rem auto!important}.quiz-audio-button{width:100%!important;justify-content:center!important;padding:.75rem 1rem!important}.quiz-audio-button,.quiz-audio-button .button-text{font-size:.9rem!important}.quiz-audio-button svg{width:18px!important;height:18px!important}.ag-panel-elevated{padding:1rem!important}.min-h-screen>div{padding:6rem 1rem 1rem!important}.ag-answer-card{min-height:80px!important;padding:1rem!important;font-size:.9rem!important}[data-testid=quiz-answer-options]{max-width:100%!important}.absolute.top-8{top:1rem!important}.absolute.top-8 img{height:2.5rem!important}}body,html{background-color:white!important;margin:0;padding:0}@media (max-width:639px){#__next{min-width:100vw;display:flex;justify-content:center}main{width:100%;max-width:100vw;margin:0 auto}.min-h-screen{margin-left:0!important;margin-right:0!important}body{touch-action:pan-y}}@supports (-webkit-touch-callout:none){a,button,input,select,textarea{-webkit-user-select:none;user-select:none}}@media (max-width:639px){*{-webkit-text-size-adjust:100%;text-size-adjust:100%}input,select,textarea{font-size:16px!important}}