:root{--app-width: 390px;--color-primary: #1E56D4;--color-primary-dark: #1540A8;--color-primary-light: #5B8EF0;--color-primary-surface: #EEF4FF;--color-secondary: #F59E0B;--color-secondary-dark: #D97706;--color-secondary-surface: #FEF3C7;--color-background: #F7F9FC;--color-surface: #FFFFFF;--color-surface-2: #F1F5F9;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--color-text-primary: #0F172A;--color-text-secondary: #64748B;--color-text-tertiary: #94A3B8;--color-text-disabled: #CBD5E1;--color-text-inverse: #FFFFFF;--color-text-link: var(--color-primary);--color-error: #DC2626;--color-error-surface: #FEF2F2;--color-error-border: #FECACA;--color-success: #16A34A;--color-success-surface:#F0FDF4;--color-success-border: #BBF7D0;--color-warning: #D97706;--color-warning-surface:#FFFBEB;--color-warning-border: #FDE68A;--color-info: #2563EB;--color-info-surface: #EFF6FF;--color-info-border: #BFDBFE;--color-icon-default: #94A3B8;--color-icon-muted: #CBD5E1;--color-icon-active: var(--color-primary);--color-icon-inverse: #FFFFFF;--color-spa-kronen: #F59E0B;--color-spa-kronen-surface: #FEF3C7;--color-spa-kronen-dark: #D97706;--color-scan-success: #16A34A;--color-scan-success-surface:#F0FDF4;--color-countdown-ok: var(--color-text-secondary);--color-countdown-warning: #D97706;--color-countdown-urgent: #DC2626;--color-voucher-active-bg: #EEF4FF;--color-voucher-expired-bg: #F8FAFC;--color-voucher-expired-text:#94A3B8;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", "SFMono-Regular", "Menlo", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--letter-spacing-tight: -.4px;--letter-spacing-normal: 0px;--letter-spacing-wide: .5px;--letter-spacing-wider: 1px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--screen-padding-x: 16px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0px 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0px 1px 3px rgba(0, 0, 0, .08), 0px 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0px 4px 12px rgba(0, 0, 0, .1), 0px 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0px 8px 24px rgba(0, 0, 0, .12), 0px 2px 6px rgba(0, 0, 0, .08);--shadow-xl: 0px 20px 60px rgba(0, 0, 0, .18), 0px 4px 12px rgba(0, 0, 0, .08);--shadow-primary: 0px 4px 16px rgba(30, 86, 212, .28), 0px 1px 4px rgba(30, 86, 212, .14);--shadow-success: 0px 4px 16px rgba(22, 163, 74, .25), 0px 1px 4px rgba(22, 163, 74, .12);--shadow-tab-bar: 0px -1px 0px var(--color-border);--shadow-header: 0px 1px 0px var(--color-border);--input-height: 48px;--button-height-lg: 52px;--button-height-md: 44px;--button-height-sm: 36px;--header-height: 56px;--tab-bar-height: 64px;--safe-area-bottom: 16px;--tab-bar-total: 80px;--icon-size-xs: 16px;--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);--gradient-hero: linear-gradient(180deg, #EEF4FF 0%, #DBEAFE 45%, var(--color-background) 100%);--gradient-kronen: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);--gradient-scan-bg: linear-gradient(180deg, #0F172A 0%, #1E293B 100%);--gradient-card-overlay: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.65) 100%);--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-scanner: 600}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{height:100%;width:100%;overflow:hidden;background:#000;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:#000}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.pressable{transition:transform .16s var(--ease-out-strong);cursor:pointer}.pressable:active{transform:scale(.97)}.animate-in{animation:fadeSlideIn .35s var(--ease-out-strong) both}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:0ms}.stagger-2{animation-delay:40ms}.stagger-3{animation-delay:80ms}.stagger-4{animation-delay:.12s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0ms!important}}