:root{--ui-font-display: "Instrument Serif", "New York", Georgia, serif;--ui-font-body: "Geist", "Inter", -apple-system, system-ui, sans-serif;--ui-font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--ui-font-family: var(--ui-font-body);--ui-font-weight-regular: 400;--ui-font-weight-medium: 500;--ui-font-weight-semibold: 600;--ui-font-weight-bold: 700;--ui-font-size-hero: 56px;--ui-font-size-display: 28px;--ui-font-size-title: 22px;--ui-font-size-tile: 18px;--ui-font-size-body-lg: 16px;--ui-font-size-body: 14px;--ui-font-size-label: 12px;--ui-font-size-label-sm: 11px;--ui-font-size-micro: 10px;--ui-letter-spacing-hero: -2px;--ui-letter-spacing-display: -.5px;--ui-letter-spacing-tight: -.3px;--ui-letter-spacing-normal: 0;--ui-letter-spacing-mono: 1.5px;--ui-letter-spacing-mono-wide: 2.5px;--ui-space-2xs: 2px;--ui-space-xs: 4px;--ui-space-sm: 8px;--ui-space-md: 16px;--ui-space-lg: 24px;--ui-space-xl: 32px;--ui-space-2xl: 48px;--ui-space-14: 14px;--ui-space-18: 18px;--ui-space-22: 22px;--ui-space-26: 26px;--ui-space-28: 28px;--ui-radius-sm: 10px;--ui-radius-md: 12px;--ui-radius-nav: 14px;--ui-radius-lg: 16px;--ui-radius-card: 18px;--ui-radius-xl: 20px;--ui-radius-2xl: 28px;--ui-radius-frame: 44px;--ui-radius-full: 9999px;--ui-button-height: 52px;--ui-input-height: 52px;--ui-touch-min: 44px;--ui-topbar-back: 44px;--ui-icon-size-xs: 12px;--ui-icon-size-sm: 14px;--ui-icon-size-md: 16px;--ui-icon-size-lg: 18px;--ui-icon-size-xl: 20px;--ui-icon-size-2xl: 24px;--ui-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--ui-transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--ui-transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--ui-spring-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--ui-spring-smooth: .4s cubic-bezier(.22, 1, .36, 1);--ui-spring-press: .12s cubic-bezier(.4, 0, .2, 1);--ui-blur-xs: blur(4px);--ui-blur-sm: blur(8px);--ui-blur-md: blur(16px) saturate(180%);--ui-blur-lg: blur(24px) saturate(200%);--ui-safe-top: env(safe-area-inset-top, 0px);--ui-safe-bottom: env(safe-area-inset-bottom, 0px);--ui-safe-left: env(safe-area-inset-left, 0px);--ui-safe-right: env(safe-area-inset-right, 0px);--ui-color-warning: var(--ui-color-warn);--ui-color-error: var(--ui-color-danger);--ui-color-info: var(--ui-color-accent);--ui-color-on-primary: var(--ui-color-primary-contrast);--ui-color-outline: var(--ui-color-border);--ui-color-outline-variant: var(--ui-color-border);--ui-color-surface-variant: var(--ui-color-surface-raised);--ui-color-surface-container: var(--ui-color-surface-raised);--ui-color-surface-container-high: var(--ui-color-surface-raised);--ui-color-primary-container: var(--ui-color-primary-light);--ui-color-secondary: var(--ui-color-accent);--ui-color-tertiary: var(--ui-color-warn);--ui-color-on-surface-variant: var(--ui-color-on-surface-medium);--ui-color-gold: var(--ui-color-accent);--ui-color-text-primary: var(--ui-color-on-surface);--ui-color-text-secondary: var(--ui-color-on-surface-medium);--ui-color-text-tertiary: var(--ui-color-on-surface-light);--ui-color-warning-rgb: var(--ui-color-warn-rgb);--ui-color-success-container: rgba(var(--ui-color-success-rgb), .12);--ui-color-warn-container: rgba(var(--ui-color-warn-rgb), .12);--ui-color-warn-faint: rgba(var(--ui-color-warn-rgb), .2);--ui-color-warn-muted: rgba(var(--ui-color-warn-rgb), .4);--ui-color-primary-ghost: rgba(var(--ui-color-primary-rgb), .08)}:root{--ui-color-bg: #efebe2;--ui-color-surface: #ffffff;--ui-color-surface2: #f6f2e8;--ui-color-ink: #17130c;--ui-color-ink-mute: #6e6557;--ui-color-line: rgba(23, 19, 12, .14);--ui-color-line-strong: rgba(23, 19, 12, .18);--ui-color-accent-gold: #b8853a;--ui-color-accent-soft: #f0dfbd;--ui-color-success-olive: #3f6e4a;--ui-color-danger-terra: #a23e3e;--ui-color-loss-pink: #e89189;--ui-color-background: var(--ui-color-bg);--ui-color-surface-raised: var(--ui-color-surface2);--ui-color-surface-glass: rgba(255, 255, 255, .85);--ui-color-on-surface: var(--ui-color-ink);--ui-color-on-surface-medium: var(--ui-color-ink-mute);--ui-color-on-surface-light: rgba(23, 19, 12, .4);--ui-color-on-surface-faint: rgba(23, 19, 12, .06);--ui-color-border: var(--ui-color-line);--ui-color-border-strong: var(--ui-color-line-strong);--ui-color-primary: var(--ui-color-ink);--ui-color-primary-hover: #2a2418;--ui-color-primary-active: #000000;--ui-color-primary-light: rgba(23, 19, 12, .08);--ui-color-primary-contrast: var(--ui-color-bg);--ui-color-accent: var(--ui-color-accent-gold);--ui-color-accent-hover: #c89345;--ui-color-accent-light: var(--ui-color-accent-soft);--ui-color-danger: var(--ui-color-danger-terra);--ui-color-danger-hover: #b85050;--ui-color-danger-light: rgba(162, 62, 62, .12);--ui-color-danger-contrast: #ffffff;--ui-color-success: var(--ui-color-success-olive);--ui-color-warn: var(--ui-color-accent-gold);--ui-color-primary-rgb: 23, 19, 12;--ui-color-accent-rgb: 184, 133, 58;--ui-color-danger-rgb: 162, 62, 62;--ui-color-success-rgb: 63, 110, 74;--ui-color-warn-rgb: 184, 133, 58;--ui-gradient-gold: linear-gradient( 135deg, #f0dfbd 0%, #b8853a 60%, #8c6528 100% );--ui-glow-gold: 0 4px 20px rgba(184, 133, 58, .25);--ui-color-nav-border: var(--ui-color-line);--ui-color-fab-glow-hover: rgba(184, 133, 58, .35);--ui-color-auth-bg-start: #f5f1e8;--ui-color-auth-bg-end: var(--ui-color-bg);--ui-color-surface-hover: rgba(23, 19, 12, .05);--ui-color-on-success: #ffffff;--ui-color-on-warn: var(--ui-color-ink);--ui-shadow-card: 0 1px 2px rgba(23, 19, 12, .04), 0 6px 18px rgba(23, 19, 12, .06);--ui-shadow-xs: 0 1px 2px rgba(23, 19, 12, .05);--ui-shadow-sm: 0 1px 3px rgba(23, 19, 12, .08), 0 1px 2px rgba(23, 19, 12, .05);--ui-shadow-md: 0 4px 12px rgba(23, 19, 12, .08), 0 2px 4px rgba(23, 19, 12, .05);--ui-shadow-lg: 0 12px 32px rgba(23, 19, 12, .1), 0 4px 8px rgba(23, 19, 12, .06);--ui-shadow-xl: 0 20px 48px rgba(23, 19, 12, .12), 0 8px 16px rgba(23, 19, 12, .08)}[data-theme=dark]{--ui-color-bg: #0c0a07;--ui-color-surface: #1e1a13;--ui-color-surface2: #2a241b;--ui-color-ink: #f3efe5;--ui-color-ink-mute: #9a9082;--ui-color-line: rgba(243, 239, 229, .14);--ui-color-line-strong: rgba(243, 239, 229, .22);--ui-color-accent-gold: #e6b870;--ui-color-accent-soft: #4a3a20;--ui-color-success-olive: #7fb586;--ui-color-danger-terra: #e8958f;--ui-color-loss-pink: #e8958f;--ui-color-background: var(--ui-color-bg);--ui-color-surface-raised: var(--ui-color-surface2);--ui-color-surface-glass: rgba(30, 26, 19, .78);--ui-color-on-surface: var(--ui-color-ink);--ui-color-on-surface-medium: var(--ui-color-ink-mute);--ui-color-on-surface-light: rgba(243, 239, 229, .4);--ui-color-on-surface-faint: rgba(243, 239, 229, .07);--ui-color-border: var(--ui-color-line);--ui-color-border-strong: var(--ui-color-line-strong);--ui-color-primary: var(--ui-color-ink);--ui-color-primary-hover: #ffffff;--ui-color-primary-active: #e5e1d7;--ui-color-primary-light: rgba(243, 239, 229, .08);--ui-color-primary-contrast: var(--ui-color-bg);--ui-color-accent: var(--ui-color-accent-gold);--ui-color-accent-hover: #f0c985;--ui-color-accent-light: var(--ui-color-accent-soft);--ui-color-danger: var(--ui-color-danger-terra);--ui-color-danger-hover: #f0a5a0;--ui-color-danger-light: rgba(232, 149, 143, .15);--ui-color-danger-contrast: #0c0a07;--ui-color-success: var(--ui-color-success-olive);--ui-color-warn: var(--ui-color-accent-gold);--ui-color-primary-rgb: 243, 239, 229;--ui-color-accent-rgb: 230, 184, 112;--ui-color-danger-rgb: 232, 149, 143;--ui-color-success-rgb: 127, 181, 134;--ui-color-warn-rgb: 230, 184, 112;--ui-gradient-gold: linear-gradient( 135deg, #f0d9a6 0%, #e6b870 55%, #a88449 100% );--ui-glow-gold: 0 4px 20px rgba(230, 184, 112, .3);--ui-color-nav-border: var(--ui-color-line);--ui-color-fab-glow-hover: rgba(230, 184, 112, .4);--ui-color-auth-bg-start: #14100a;--ui-color-auth-bg-end: var(--ui-color-bg);--ui-color-surface-hover: rgba(243, 239, 229, .06);--ui-color-on-success: #0c0a07;--ui-color-on-warn: #0c0a07;--ui-shadow-card: 0 1px 2px rgba(0, 0, 0, .35), 0 6px 18px rgba(0, 0, 0, .45);--ui-shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--ui-shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--ui-shadow-md: 0 4px 12px rgba(0, 0, 0, .5), 0 2px 4px rgba(0, 0, 0, .4);--ui-shadow-lg: 0 12px 32px rgba(0, 0, 0, .6), 0 4px 8px rgba(0, 0, 0, .4);--ui-shadow-xl: 0 20px 48px rgba(0, 0, 0, .7), 0 8px 16px rgba(0, 0, 0, .5)}html{--mat-snack-bar-container-shape: 4px}html{--mat-snack-bar-container-color: #424242;--mat-snack-bar-supporting-text-color: white;--mat-snack-bar-button-color: #e0e0e0}html{--mat-snack-bar-supporting-text-font: Geist, Inter, sans-serif;--mat-snack-bar-supporting-text-line-height: 20px;--mat-snack-bar-supporting-text-size: 14px;--mat-snack-bar-supporting-text-weight: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--ui-font-family);background-color:var(--ui-color-background);color:var(--ui-color-on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}body{user-select:none;-webkit-user-select:none;cursor:default}input,textarea,[contenteditable]{user-select:auto;-webkit-user-select:auto;cursor:text}button,a,[role=button]{cursor:pointer}a{color:inherit;text-decoration:none}.ui-toast-panel{--mdc-snackbar-container-color: transparent;--mdc-snackbar-container-shape: var(--ui-radius-md)}.ui-toast-panel .mdc-snackbar__surface{padding:0;box-shadow:none;background:transparent}.ui-toast-panel .mat-mdc-snack-bar-label{padding:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(hover:hover)and (pointer:fine){::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ui-color-on-surface-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ui-color-ink-mute)}}@media(hover:none)and (pointer:coarse){*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}::view-transition-old(root){animation:vt-exit .2s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:vt-enter .25s cubic-bezier(0,0,.2,1) both}::view-transition-old(kompra-bottom-nav),::view-transition-new(kompra-bottom-nav){animation:none}@keyframes vt-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes vt-enter{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes ui-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes stagger-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ui-stagger>*{animation:stagger-in .3s cubic-bezier(.22,1,.36,1) both}.ui-stagger>*:nth-child(1){animation-delay:0ms}.ui-stagger>*:nth-child(2){animation-delay:30ms}.ui-stagger>*:nth-child(3){animation-delay:60ms}.ui-stagger>*:nth-child(4){animation-delay:90ms}.ui-stagger>*:nth-child(5){animation-delay:.12s}.ui-stagger>*:nth-child(6){animation-delay:.15s}.ui-stagger>*:nth-child(7){animation-delay:.18s}.ui-stagger>*:nth-child(8){animation-delay:.21s}.ui-stagger>*:nth-child(9){animation-delay:.24s}.ui-stagger>*:nth-child(10){animation-delay:.27s}.ui-stagger>*:nth-child(11){animation-delay:.3s}.ui-stagger>*:nth-child(12){animation-delay:.33s}.ui-stagger>*:nth-child(13){animation-delay:.36s}.ui-stagger>*:nth-child(14){animation-delay:.39s}.ui-stagger>*:nth-child(15){animation-delay:.42s}.ui-stagger>*:nth-child(16){animation-delay:.45s}.ui-stagger>*:nth-child(17){animation-delay:.48s}.ui-stagger>*:nth-child(18){animation-delay:.51s}.ui-stagger>*:nth-child(19){animation-delay:.54s}.ui-stagger>*:nth-child(20){animation-delay:.57s}.ui-skeleton{background:linear-gradient(90deg,var(--ui-color-on-surface-faint) 25%,var(--ui-color-border) 37%,var(--ui-color-on-surface-faint) 63%);background-size:200% 100%;animation:ui-shimmer 1.5s ease infinite;border-radius:var(--ui-radius-sm)}