:root{--color-text-inverse:#ffffff;--color-text-primary:#070433;--color-text-secondary:#374151;--color-text-tertiary:#6b7280;--color-text-disabled:#9ca3af;--color-background-primary:#f6f7f9;--color-background-secondary:#e5e7eb;--color-background-tertiary:#d1d5db;--color-background-inverse:#070433;--color-border-light:#d1d5db;--color-border-default:#9ca3af;--color-border-strong:#6b7280;--color-border-focus:#039de3;--duration-instant:0ms;--duration-fastest:50ms;--duration-faster:100ms;--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms;--duration-slowest:700ms;--easing-linear:linear;--easing-ease:cubic-bezier(0.4,0,0.2,1);--easing-ease-in:cubic-bezier(0.4,0,1,1);--easing-ease-out:cubic-bezier(0,0,0.2,1);--easing-ease-in-out:cubic-bezier(0.4,0,0.2,1);--easing-spring:cubic-bezier(0.34,1.56,0.64,1);--easing-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--easing-fluid:cubic-bezier(0.23,1,0.32,1);--color-dark-background-primary:#0d0b24;--color-dark-background-secondary:#151333;--color-dark-background-tertiary:#1d1b42;--color-dark-elevation-1:#1a1840;--color-dark-elevation-2:#22204e;--color-dark-elevation-3:#2a285c;--color-dark-text-primary:#f6f7f9;--color-dark-text-secondary:#d1d5db;--color-dark-text-tertiary:#9ca3af;--color-dark-text-disabled:#6b7280;--color-dark-border-light:#2a285c;--color-dark-border-default:#3a3870;--color-dark-border-strong:#4a4880;--color-dark-primary-300:#33b4ec;--color-dark-primary-400:#5cc3f0;--color-dark-primary-500:#80d0f4;--color-dark-primary-600:#a3ddf7;--color-dark-secondary-300:#63dec9;--color-dark-secondary-400:#7fe5d3;--color-dark-secondary-500:#9feadd;--color-dark-secondary-600:#bff0e7;--color-dark-accent-300:#f98996;--color-dark-accent-400:#fa9fa9;--color-dark-accent-500:#fab5bc;--color-dark-accent-600:#fbcbcf;--color-dark-mentor-300:#ffd633;--color-dark-mentor-400:#ffde4d;--color-dark-mentor-500:#ffe066;--color-dark-mentor-600:#ffe880;--color-dark-success-400:#7fe5d3;--color-dark-success-500:#9feadd;--color-dark-success-600:#bff0e7;--color-dark-warning-400:#ffde4d;--color-dark-warning-500:#ffe066;--color-dark-warning-600:#ffe880;--color-dark-error-400:#fa9fa9;--color-dark-error-500:#fab5bc;--color-dark-error-600:#fbcbcf;--color-dark-info-400:#5cc3f0;--color-dark-info-500:#80d0f4;--color-dark-info-600:#a3ddf7;--color-primary-50:#e6f5fd;--color-primary-100:#bfe7fa;--color-primary-200:#80d0f4;--color-primary-300:#33b4ec;--color-primary-400:#1aa8e8;--color-primary-500:#039de3;--color-primary-600:#0289c6;--color-primary-700:#016c9b;--color-primary-800:#014f70;--color-primary-900:#00354d;--color-secondary-50:#f2f9f8;--color-secondary-100:#cff4ee;--color-secondary-200:#9feadd;--color-secondary-300:#63dec9;--color-secondary-400:#45d7c0;--color-secondary-500:#2ed6c5;--color-secondary-600:#22b5a7;--color-secondary-700:#1a8f85;--color-secondary-800:#126a63;--color-secondary-900:#0b3f3b;--color-accent-50:#ffeff1;--color-accent-100:#fed7da;--color-accent-200:#fab5bc;--color-accent-300:#f98996;--color-accent-400:#ff6f7f;--color-accent-500:#ff5a6a;--color-accent-600:#eb4357;--color-accent-700:#c32e42;--color-accent-800:#9a1c2f;--color-accent-900:#68121d;--color-mentor-50:#fff8e1;--color-mentor-100:#ffeeb3;--color-mentor-200:#ffe066;--color-mentor-300:#ffd633;--color-mentor-400:#fbd10a;--color-mentor-500:#f6cd01;--color-mentor-600:#e6b200;--color-mentor-700:#e18e00;--color-mentor-800:#82580d;--color-mentor-900:#30220a;--color-pop-dark:#070433;--color-pop-light:#f2f4f7;--color-success-50:#f2f9f8;--color-success-100:#cff4ee;--color-success-500:#2ed6c5;--color-success-600:#22b5a7;--color-success-700:#1a8f85;--color-warning-50:#fff8e1;--color-warning-100:#ffeeb3;--color-warning-500:#f6cd01;--color-warning-600:#e6b200;--color-warning-700:#e18e00;--color-error-50:#ffeff1;--color-error-100:#fed7da;--color-error-200:#fab5bc;--color-error-500:#ff5a6a;--color-error-600:#eb4357;--color-error-700:#c32e42;--color-info-50:#e6f5fd;--color-info-100:#bfe7fa;--color-info-500:#039de3;--color-info-600:#0289c6;--color-neutral-50:#f6f7f9;--color-neutral-100:#e5e7eb;--color-neutral-200:#d1d5db;--color-neutral-300:#9ca3af;--color-neutral-400:#6b7280;--color-neutral-500:#4b5563;--color-neutral-600:#374151;--color-neutral-700:#1f2937;--color-neutral-800:#070433;--color-neutral-900:#070433;--color-brand-popskills-primary:#039de3;--color-brand-popskills-dark:#016c9b;--color-brand-popskills-light:#e6f5fd;--color-brand-popskills-accent:#80d0f4;--color-brand-poplingua-primary:#2ed6c5;--color-brand-poplingua-dark:#1a8f85;--color-brand-poplingua-light:#f2f9f8;--color-brand-poptalent-primary:#ff5a6a;--color-brand-poptalent-dark:#c32e42;--color-brand-poptalent-light:#ffeff1;--color-brand-popmentor-primary:#f6cd01;--color-brand-popmentor-dark:#e18e00;--color-brand-popmentor-light:#fff8e1;--color-brand-pop-dark:#070433;--color-brand-pop-light:#f2f4f7;--color-theory-cognitive-load:#039de3;--color-theory-action:#070433;--color-theory-reflection:#2ed6c5;--color-theory-celebration:#ff5a6a;--color-theory-community:#f6cd01;--color-theory-assessment:#22b5a7;--color-semantic-background-primary:#f6f7f9;--color-semantic-background-secondary:#e5e7eb;--color-semantic-background-tertiary:#d1d5db;--color-semantic-background-inverse:#070433;--color-semantic-text-primary:#070433;--color-semantic-text-secondary:#374151;--color-semantic-text-tertiary:#6b7280;--color-semantic-text-disabled:#9ca3af;--color-semantic-text-inverse:#ffffff;--color-semantic-border-light:#d1d5db;--color-semantic-border-default:#9ca3af;--color-semantic-border-strong:#6b7280;--color-semantic-border-focus:#039de3;--elevation-0:none;--elevation-1:0 1px 2px 0 rgba(45,50,56,0.05);--elevation-2:0 4px 12px rgba(45,50,56,0.08);--elevation-3:0 8px 24px rgba(45,50,56,0.12);--elevation-4:0 12px 32px rgba(45,50,56,0.15);--elevation-5:0 20px 40px rgba(45,50,56,0.18);--elevation-6:0 25px 50px rgba(45,50,56,0.25);--elevation-soft:0 4px 12px rgba(45,50,56,0.08);--radius-none:0;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-pill:9999px;--radius-full:9999px;--border-width-0:0;--border-width-1:1px;--border-width-2:2px;--border-width-4:4px;--opacity-0:0;--opacity-5:0.05;--opacity-10:0.1;--opacity-20:0.2;--opacity-30:0.3;--opacity-40:0.4;--opacity-50:0.5;--opacity-60:0.6;--opacity-70:0.7;--opacity-80:0.8;--opacity-90:0.9;--opacity-100:1;--animation-duration-instant:0ms;--animation-duration-fastest:50ms;--animation-duration-faster:100ms;--animation-duration-fast:150ms;--animation-duration-normal:200ms;--animation-duration-slow:300ms;--animation-duration-slower:500ms;--animation-duration-slowest:700ms;--animation-duration-pop:1500ms;--animation-easing-linear:linear;--animation-easing-ease:cubic-bezier(0.4,0,0.2,1);--animation-easing-ease-in:cubic-bezier(0.4,0,1,1);--animation-easing-ease-out:cubic-bezier(0,0,0.2,1);--animation-easing-ease-in-out:cubic-bezier(0.4,0,0.2,1);--animation-easing-spring:cubic-bezier(0.34,1.56,0.64,1);--animation-easing-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--animation-easing-fluid:cubic-bezier(0.23,1,0.32,1);--animation-pop-hover-scale:1.05;--animation-pop-press-scale:0.95;--z-index-hide:-1;--z-index-base:0;--z-index-raised:1;--z-index-dropdown:1000;--z-index-sticky:1100;--z-index-overlay:1200;--z-index-modal:1300;--z-index-popover:1400;--z-index-toast:1500;--z-index-tooltip:1600;--z-index-celebration:1700;--grid-columns:12;--grid-gutter-xs:1rem;--grid-gutter-sm:1.25rem;--grid-gutter-md:1.5rem;--grid-gutter-lg:2rem;--grid-gutter-xl:2.5rem;--grid-margin-xs:1rem;--grid-margin-sm:1.5rem;--grid-margin-md:2rem;--grid-margin-lg:3rem;--grid-margin-xl:4rem;--grid-max-width-sm:640px;--grid-max-width-md:768px;--grid-max-width-lg:1024px;--grid-max-width-xl:1280px;--grid-max-width-2xl:1536px;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--spacing-36:9rem;--spacing-40:10rem;--spacing-44:11rem;--spacing-48:12rem;--spacing-52:13rem;--spacing-56:14rem;--spacing-60:15rem;--spacing-64:16rem;--spacing-72:18rem;--spacing-80:20rem;--spacing-96:24rem;--spacing-0-5:0.125rem;--spacing-1-5:0.375rem;--spacing-2-5:0.625rem;--spacing-3-5:0.875rem;--touch-target:48px;--touch-target-min:44px;--touch-target-comfortable:56px;--touch-spacing:8px;--mobile-page-inset:16px;--mobile-card-padding:16px;--mobile-section-gap:24px;--mobile-component-gap:12px;--mobile-header-height:56px;--mobile-bottom-nav-height:56px;--mobile-fab-offset:16px;--tablet-page-inset:24px;--tablet-card-padding:20px;--tablet-section-gap:32px;--tablet-header-height:64px;--desktop-page-inset:32px;--desktop-card-padding:24px;--desktop-section-gap:48px;--desktop-sidebar-width:280px;--desktop-header-height:72px;--desktop-max-content-width:1280px;--size-xs:20rem;--size-sm:24rem;--size-md:28rem;--size-lg:32rem;--size-xl:36rem;--size-2xl:42rem;--size-3xl:48rem;--size-4xl:56rem;--size-5xl:64rem;--size-6xl:72rem;--size-7xl:80rem;--breakpoint-xs:375px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--gesture-swipe-threshold:50px;--gesture-swipe-velocity:0.3;--gesture-pull-to-refresh-threshold:80px;--haptic-light:10;--haptic-medium:25;--haptic-heavy:50;--font-family-primary:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-family-display:"DM Sans",system-ui,sans-serif;--font-family-reading:"DM Sans",Georgia,serif;--font-family-monospace:"Fira Code","Consolas",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-size-fluid-xs:clamp(0.7rem,0.65rem + 0.25vw,0.75rem);--font-size-fluid-sm:clamp(0.8rem,0.75rem + 0.25vw,0.875rem);--font-size-fluid-body:clamp(1rem,0.95rem + 0.25vw,1.125rem);--font-size-fluid-lg:clamp(1.125rem,1rem + 0.5vw,1.25rem);--font-size-fluid-h4:clamp(1.125rem,1rem + 0.75vw,1.5rem);--font-size-fluid-h3:clamp(1.25rem,1.1rem + 1vw,1.875rem);--font-size-fluid-h2:clamp(1.5rem,1.25rem + 1.25vw,2.25rem);--font-size-fluid-h1:clamp(1.75rem,1.5rem + 1.5vw,2.75rem);--font-size-fluid-display:clamp(2rem,1.5rem + 2.5vw,3.75rem);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-line-height-none:1;--font-line-height-tight:1.25;--font-line-height-snug:1.375;--font-line-height-normal:1.5;--font-line-height-relaxed:1.6;--font-line-height-loose:2;--font-letter-spacing-tighter:-0.05em;--font-letter-spacing-tight:-0.025em;--font-letter-spacing-normal:0;--font-letter-spacing-wide:0.025em;--font-letter-spacing-wider:0.05em;--font-letter-spacing-widest:0.1em}