.app{min-height:100dvh;display:flex;flex-direction:column;position:relative}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh;font-family:var(--font-family);font-size:1.25rem;font-weight:700;color:var(--color-primary)}.screen-placeholder{display:flex;align-items:center;justify-content:center;flex:1;min-height:60dvh;font-family:var(--font-family);font-size:1.5rem;font-weight:700;color:var(--color-light-text);text-align:center}:root{--color-primary: #4A90D9;--color-secondary: #FF8A65;--color-background: #FFF8E1;--color-surface: #FFFFFF;--color-correct: #66BB6A;--color-incorrect: #EF5350;--color-text-primary: #333333;--color-text-secondary: #666666;--color-dark-text: #37474F;--color-light-text: #78909C;--color-gold-star: #FFD54F;--color-card-background: #FFFFFF;--color-surface-color: #FFF3E0;--color-progress-track: #E0E0E0;--color-decor-pink: #F48FB1;--color-decor-purple: #CE93D8;--color-decor-yellow: #FFE082;--color-decor-green: #A5D6A7;--shadow-black-10: rgba(0, 0, 0, .1);--shadow-primary-40: rgba(74, 144, 217, .4);--font-family: "Nunito", sans-serif;--radius-button: 20px;--radius-card: 20px;--radius-list-tile: 16px;--space-xs: clamp(4px, 1vw, 8px);--space-sm: clamp(8px, 2vw, 12px);--space-md: clamp(12px, 3vw, 16px);--space-lg: clamp(16px, 4vw, 24px);--space-xl: clamp(24px, 5vw, 32px);--font-size-xs: clamp(11px, 2.5vw, 13px);--font-size-sm: clamp(13px, 3vw, 15px);--font-size-md: clamp(15px, 3.5vw, 18px);--font-size-lg: clamp(18px, 4.5vw, 22px);--font-size-xl: clamp(22px, 5.5vw, 28px);--font-size-2xl: clamp(28px, 7vw, 36px);--touch-target-min: 44px;--ds-background: #FFFFFF;--ds-surface: #F7F7F7;--ds-border: #E5E5E5;--ds-progress-green: #58CC02;--ds-progress-green-dark: #46A302;--ds-progress-track: #E5E5E5;--ds-gold-star: #FFC800;--ds-gold-star-dark: #E5B400;--ds-section-1: #E5388D;--ds-section-1-dark: #C42E77;--ds-section-1-rgb: 229, 56, 141;--ds-section-2: #58CC02;--ds-section-2-dark: #46A302;--ds-section-2-rgb: 88, 204, 2;--ds-section-3: #FF9600;--ds-section-3-dark: #E08600;--ds-section-3-rgb: 255, 150, 0;--ds-green: #58CC02;--ds-green-dark: #46A302;--ds-blue: #1CB0F6;--ds-blue-dark: #1899D6;--ds-red: #FF4B4B;--ds-red-dark: #D63B3B;--ds-topbar-height: 56px;--ds-bottombar-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;touch-action:manipulation}html{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{font-family:var(--font-family);background-color:#fff;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}#root{min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;width:100%}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background-color:#37474f;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-family:var(--font-family);font-size:1rem;font-weight:600;box-shadow:0 4px 12px #0003;z-index:9999;animation:fadeInUp .3s ease-out,fadeOut .3s ease-in 2.7s forwards;pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}button,a,[role=button],input[type=range]{min-height:44px;min-width:44px}