:root{--color-text-inverse:#fff;--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:0s;--duration-fastest:50ms;--duration-faster:.1s;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--duration-slowest:.7s;--easing-linear:linear;--easing-ease:cubic-bezier(.4, 0, .2, 1);--easing-ease-in:cubic-bezier(.4, 0, 1, 1);--easing-ease-out:cubic-bezier(0, 0, .2, 1);--easing-ease-in-out:cubic-bezier(.4, 0, .2, 1);--easing-spring:cubic-bezier(.34, 1.56, .64, 1);--easing-bounce:cubic-bezier(.68, -.55, .265, 1.55);--easing-fluid:cubic-bezier(.23, 1, .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:#fff;--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 #2d32380d;--elevation-2:0 4px 12px #2d323814;--elevation-3:0 8px 24px #2d32381f;--elevation-4:0 12px 32px #2d323826;--elevation-5:0 20px 40px #2d32382e;--elevation-6:0 25px 50px #2d323840;--elevation-soft:0 4px 12px #2d323814;--radius-none:0;--radius-sm:.375rem;--radius-md:.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:.05;--opacity-10:.1;--opacity-20:.2;--opacity-30:.3;--opacity-40:.4;--opacity-50:.5;--opacity-60:.6;--opacity-70:.7;--opacity-80:.8;--opacity-90:.9;--opacity-100:1;--animation-duration-instant:0s;--animation-duration-fastest:50ms;--animation-duration-faster:.1s;--animation-duration-fast:.15s;--animation-duration-normal:.2s;--animation-duration-slow:.3s;--animation-duration-slower:.5s;--animation-duration-slowest:.7s;--animation-duration-pop:1.5s;--animation-easing-linear:linear;--animation-easing-ease:cubic-bezier(.4, 0, .2, 1);--animation-easing-ease-in:cubic-bezier(.4, 0, 1, 1);--animation-easing-ease-out:cubic-bezier(0, 0, .2, 1);--animation-easing-ease-in-out:cubic-bezier(.4, 0, .2, 1);--animation-easing-spring:cubic-bezier(.34, 1.56, .64, 1);--animation-easing-bounce:cubic-bezier(.68, -.55, .265, 1.55);--animation-easing-fluid:cubic-bezier(.23, 1, .32, 1);--animation-pop-hover-scale:1.05;--animation-pop-press-scale:.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:.25rem;--spacing-2:.5rem;--spacing-3:.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:.125rem;--spacing-1-5:.375rem;--spacing-2-5:.625rem;--spacing-3-5:.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:.3;--gesture-pull-to-refresh-threshold:80px;--haptic-light:10;--haptic-medium:25;--haptic-heavy:50;--font-family-primary:var(--font-dm-sans), system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-family-display:var(--font-dm-sans), system-ui, sans-serif;--font-family-reading:var(--font-dm-sans), Georgia, serif;--font-family-monospace:var(--font-fira-code), "Consolas", monospace;--font-size-xs:.75rem;--font-size-sm:.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(.7rem, .65rem + .25vw, .75rem);--font-size-fluid-sm:clamp(.8rem, .75rem + .25vw, .875rem);--font-size-fluid-body:clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-fluid-lg:clamp(1.125rem, 1rem + .5vw, 1.25rem);--font-size-fluid-h4:clamp(1.125rem, 1rem + .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:-.05em;--font-letter-spacing-tight:-.025em;--font-letter-spacing-normal:0;--font-letter-spacing-wide:.025em;--font-letter-spacing-wider:.05em;--font-letter-spacing-widest:.1em}