:root{--app-width: 390px;--color-primary: #A4CB00;--color-primary-dark: #8AAD00;--color-primary-light: #C5E040;--color-primary-surface: #EEF7C2;--color-primary-pale: #F5FAE0;--color-secondary: #E8813A;--color-secondary-dark: #C96A25;--color-secondary-light: #F0A06A;--color-secondary-surface: #FDF0E6;--color-background: #F2F2F7;--color-surface: #FFFFFF;--color-surface-2: #EFEFF4;--color-border: rgba(60,60,67,.18);--color-border-strong: rgba(60,60,67,.3);--color-border-focus: #A4CB00;--color-divider: rgba(60,60,67,.08);--color-text-primary: #1A1A1A;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-text-disabled: #D1D5DB;--color-text-inverse: #FFFFFF;--color-error: #DC2626;--color-error-surface: #FEE2E2;--color-success: #16A34A;--color-success-surface: #DCFCE7;--color-warning: #D97706;--color-warning-surface: #FEF3C7;--color-info: #2563EB;--color-info-surface: #DBEAFE;--color-icon-default: #9CA3AF;--color-icon-active: #A4CB00;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SF Mono", "Fira Code", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-md: 17px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-base: 1.5;--line-height-relaxed: 1.7;--letter-spacing-tight: -.3px;--letter-spacing-normal: 0px;--letter-spacing-wide: .2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--screen-padding: 18px;--screen-padding-top: 18px;--section-gap: var(--spacing-xl);--content-max-width: 390px;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 12px rgba(0,0,0,.07), 0 1px 4px rgba(0,0,0,.04);--shadow-lg: 0 4px 20px rgba(0,0,0,.09), 0 2px 6px rgba(0,0,0,.04);--shadow-primary: rgba(164, 203, 0, .3) 0px 4px 16px;--shadow-secondary: rgba(232, 129, 58, .2) 0px 4px 12px;--shadow-modal: rgba(0,0,0,.02) 0px 0px 0px 1px, rgba(0,0,0,.08) 0px 8px 24px, rgba(0,0,0,.16) 0px 16px 48px;--glass-blur: 16px;--glass-opacity: .15;--glass-border: rgba(255, 255, 255, .25);--glass-background: rgba(255, 255, 255, .72);--glass-background-header: rgba(255, 253, 243, .85);--glass-saturate: 180%;--input-height: 50px;--button-height-lg: 50px;--button-height-md: 46px;--button-height-sm: 38px;--tab-bar-height: 83px;--header-height: 56px;--touch-target-min: 44px;--icon-size-sm: 20px;--icon-size-md: 24px;--icon-size-lg: 32px;--icon-size-xl: 48px;--transition-fast: .2s ease;--transition-base: .4s ease-in-out;--transition-slow: .6s ease-in-out;--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--ease-out-strong: cubic-bezier(.23, 1, .32, 1);--ease-in-out-strong: cubic-bezier(.77, 0, .175, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--gradient-hero: linear-gradient(180deg, #EEF7C2 0%, #F5FAE0 45%, #FFFFFF 100%);--gradient-primary: linear-gradient(135deg, #A4CB00 0%, #C5E040 100%);--gradient-secondary: linear-gradient(135deg, #E8813A 0%, #F0A06A 100%);--color-kronen: #E8813A;--color-kronen-surface: #FDF0E6;--color-gutschein-active: #A4CB00;--color-gutschein-warning: #D97706;--color-gutschein-critical: #DC2626;--color-gutschein-redeemed: #9CA3AF;--color-scan-overlay: rgba(0, 0, 0, .72);--color-scan-frame: #A4CB00;--scan-frame-size: 260px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:#f0f0f0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--line-height-base)}#root{width:100%;height:100%;background:transparent;position:relative}button{font-family:var(--font-family-base);cursor:pointer;border:none;outline:none;background:none;-webkit-tap-highlight-color:transparent}input,textarea{font-family:var(--font-family-base);font-size:var(--font-size-base);outline:none;-webkit-appearance:none}img{display:block;max-width:100%}.btn-press{transition:transform .16s var(--ease-out-strong);-webkit-tap-highlight-color:transparent}.btn-press:active{transform:scale(.97)}@keyframes enterUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-enter{animation:enterUp .25s var(--ease-out-strong) both}.animate-enter-delay-1{animation:enterUp .25s var(--ease-out-strong) 40ms both}.animate-enter-delay-2{animation:enterUp .25s var(--ease-out-strong) 80ms both}.animate-enter-delay-3{animation:enterUp .25s var(--ease-out-strong) .12s both}::-webkit-scrollbar{width:0;height:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0ms!important}}