:root{--slc-navy: #1C3788;--slc-navy-dark: #152970;--slc-navy-light: #2444A8;--slc-blue: #7CBDDF;--slc-blue-light: #B8DDEF;--slc-blue-dark: #5BA8D0;--bg-app: #EEF2F9;--bg-card: #FFFFFF;--bg-sidebar: #F8FAFF;--bg-overlay: rgba(15, 26, 58, .55);--text-primary: #1C2B4A;--text-secondary: #637196;--text-muted: #9BA8C4;--border: #DDE3F0;--border-light: #EEF2F9;--success: #16A34A;--success-light: #DCFCE7;--success-text: #166534;--warning: #D97706;--warning-light: #FEF3C7;--error: #D32F2F;--error-light: #FCE4EC;--in-progress: #2563EB;--in-progress-light: #DBEAFE;--font-heading: "Inter", sans-serif;--font-body: "Inter", sans-serif;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-pill: 9999px;--shadow-sm: 0 1px 3px rgba(28,55,136,.06), 0 1px 2px rgba(28,55,136,.04);--shadow-md: 0 4px 12px rgba(28,55,136,.08), 0 2px 4px rgba(28,55,136,.04);--shadow-lg: 0 10px 30px rgba(28,55,136,.1), 0 4px 8px rgba(28,55,136,.05);--grad-header: linear-gradient(135deg, var(--slc-navy-dark), var(--slc-navy));--grad-banner: linear-gradient(135deg, var(--slc-navy-dark), var(--slc-navy-light));--grad-xp: linear-gradient(90deg, var(--slc-blue), #a8d8f0);--grad-turns: linear-gradient(90deg, var(--slc-blue), var(--slc-navy));--grad-card-hover: linear-gradient(135deg, rgba(28,55,136,.02), rgba(124,189,223,.04));--module-blue: #3B82F6;--module-amber: #F59E0B;--module-teal: #14B8A6;--module-rose: #F43F5E;--module-purple: #8B5CF6;--module-orange: #F97316;--module-indigo: #6366F1;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--touch-min: 44px;--header-h: 56px;--tab-bar-h: 64px;--transition: all .2s ease;--transition-fast: all .15s ease;--transition-transform: transform .2s ease, box-shadow .2s ease}@media(min-width:1024px){:root{--header-h: 60px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;line-height:1.5;min-width:320px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);line-height:1.2}img{display:block;max-width:100%}button,input,select,textarea{font-family:inherit;font-size:inherit}a{text-decoration:none;color:inherit}#root{min-height:100dvh;display:flex;flex-direction:column}a,button{-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:16px}@media(min-width:640px){input,textarea,select{font-size:14px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}