.cookie-consent-banner[data-v-2a8c2bbb]{position:fixed;bottom:0;left:0;right:0;background:var(--surface-warm-strong);border-top:2px solid var(--color-accent-main);box-shadow:0 -4px 20px #00000026;padding:20px;z-index:9999;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}.cookie-content[data-v-2a8c2bbb]{display:flex;gap:16px;align-items:flex-start;flex:1;min-width:300px}.cookie-icon[data-v-2a8c2bbb]{font-size:32px;flex-shrink:0}.cookie-text[data-v-2a8c2bbb]{flex:1}.cookie-text h4[data-v-2a8c2bbb]{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.cookie-text p[data-v-2a8c2bbb]{margin:0;font-size:14px;line-height:1.6;color:var(--text-secondary)}.cookie-link[data-v-2a8c2bbb]{color:var(--color-primary);text-decoration:underline;font-weight:500}.cookie-link[data-v-2a8c2bbb]:hover{color:var(--color-primary-hover)}.cookie-actions[data-v-2a8c2bbb]{display:flex;gap:12px;align-items:center}.cookie-btn[data-v-2a8c2bbb]{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.cookie-btn.accept[data-v-2a8c2bbb]{background:var(--color-primary);color:#fff}.cookie-btn.accept[data-v-2a8c2bbb]:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.slide-up-enter-active[data-v-2a8c2bbb]{animation:slideUp-2a8c2bbb .4s ease-out}.slide-up-leave-active[data-v-2a8c2bbb]{animation:slideDown-2a8c2bbb .3s ease-in}@keyframes slideUp-2a8c2bbb{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown-2a8c2bbb{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@media (max-width: 768px){.cookie-consent-banner[data-v-2a8c2bbb]{flex-direction:column;padding:16px;gap:16px}.cookie-content[data-v-2a8c2bbb]{flex-direction:column;gap:12px}.cookie-icon[data-v-2a8c2bbb]{font-size:28px}.cookie-text h4[data-v-2a8c2bbb]{font-size:16px}.cookie-text p[data-v-2a8c2bbb]{font-size:13px}.cookie-actions[data-v-2a8c2bbb]{width:100%}.cookie-btn[data-v-2a8c2bbb]{flex:1;padding:14px 20px}}:root{--color-brand-50: #fdfdfc;--color-brand-100: #f9f9f8;--color-brand-200: #ececeb;--color-brand-300: #dbdbd9;--color-brand-400: #bfbfbd;--color-brand-500: #a1a09e;--color-brand-600: #787775;--color-brand-700: #545352;--color-brand-800: #363534;--color-brand-900: #1c1c1b;--color-accent-main: #3b5bdb;--color-accent-subtle: #eef1ff;--color-gradient-light: #dededd;--color-accent-warm: #fbfbfa;--color-btn-bg: var(--color-brand-900);--color-btn-text: #ffffff;--color-btn-gradient-start: #545352;--color-btn-gradient-end: #1c1c1b;--color-link: var(--color-accent-main);--welcome-map-desktop: url(/assets/maps/welcome-map-light-desktop.png);--welcome-map-mobile: url(/assets/maps/welcome-map-light-mobile.png);--bg-primary: var(--color-brand-100);--bg-secondary: var(--color-brand-200);--bg-tertiary: var(--color-brand-300);--bg-hover: rgba(171, 171, 169, .25);--text-primary: var(--color-brand-800);--text-secondary: rgba(84, 83, 82, .85);--text-tertiary: rgba(84, 83, 82, .65);--text-muted: rgba(161, 160, 158, .65);--border-color: rgba(191, 191, 189, .8);--border-color-light: rgba(219, 219, 217, .8);--input-bg: var(--color-brand-50);--input-text: var(--text-primary);--input-border: rgba(191, 191, 189, .9);--modal-overlay: linear-gradient(135deg, rgba(28, 28, 27, .85), rgba(59, 91, 219, .55));--modal-surface: var(--color-brand-50);--modal-border: rgba(191, 191, 189, .8);--modal-shadow: var(--shadow-xxl);--color-primary: var(--color-accent-main);--color-primary-hover: #304eca;--color-primary-dark: var(--color-brand-900);--color-primary-light: rgba(59, 91, 219, .2);--color-primary-lighter: rgba(238, 241, 255, .9);--surface-warm-strong: rgba(253, 253, 252, .98);--surface-warm-bright: rgba(249, 249, 248, .97);--surface-warm: rgba(245, 245, 243, .96);--surface-warm-soft: rgba(241, 241, 239, .94);--surface-warm-muted: rgba(236, 236, 234, .92);--surface-warm-dim: rgba(231, 231, 229, .9);--surface-warm-ghost: rgba(219, 219, 217, .85);--tint-brand-strong: rgba(59, 91, 219, .5);--tint-brand: rgba(59, 91, 219, .3);--tint-brand-soft: rgba(59, 91, 219, .2);--tint-brand-faint: rgba(59, 91, 219, .12);--tint-brand-ghost: rgba(59, 91, 219, .08);--tint-brand-pop: rgba(59, 91, 219, .85);--tint-sand: rgba(191, 191, 189, .25);--tint-sand-soft: rgba(191, 191, 189, .16);--border-brand-strong: rgba(191, 191, 189, .75);--border-brand-mid: rgba(191, 191, 189, .55);--border-brand: rgba(191, 191, 189, .4);--border-brand-soft: rgba(191, 191, 189, .25);--border-brand-alt: rgba(219, 219, 217, .55);--shadow-xs: 0 1px 3px rgba(18, 18, 18, .12);--shadow-sm: 0 2px 8px rgba(18, 18, 18, .15);--shadow-md: 0 4px 12px rgba(18, 18, 18, .2);--shadow-lg: 0 8px 24px rgba(18, 18, 18, .25);--shadow-xl: 0 18px 40px rgba(18, 18, 18, .28);--shadow-xxl: 0 30px 65px rgba(18, 18, 18, .32);--shadow-inset: inset 0 -1px 0 rgba(18, 18, 18, .12);--shadow-top: 0 -6px 18px rgba(18, 18, 18, .18);--shadow-primary-glow: 0 2px 8px rgba(59, 91, 219, .25);--focus-ring-shadow: 0 0 0 3px rgba(59, 91, 219, .2);--color-success: #10b981;--color-success-hover: #059669;--color-success-light: #d1fae5;--color-success-bg: #f0fdf4;--color-success-text: #065f46;--color-success-border: #22c55e;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-danger-dark: #b91c1c;--color-danger-light: #fee2e2;--color-danger-bg: #fef2f2;--color-danger-text: #991b1b;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #fef3c7;--color-warning-bg: #fffbeb;--color-warning-text: #92400e;--color-warning-dark: #78350f;--color-accent-orange: #f97316;--color-accent-orange-hover: #ea580c;--color-info: #06b6d4;--color-info-light: #cffafe;--weather-temp-high: #ef4444;--weather-temp-low: #3b82f6;--weather-rain: #fbbf24;--weather-rain-bg: #06b6d4;--progress-bg: rgba(191, 191, 189, .45);--progress-bar: linear-gradient(120deg, var(--color-btn-gradient-start), var(--color-btn-gradient-end));--progress-bar-success: linear-gradient(120deg, #10b981, #059669)}@media (prefers-color-scheme: dark){:root{--bg-primary: #101010;--bg-secondary: rgba(16, 16, 16, .95);--bg-tertiary: rgba(28, 28, 27, .9);--bg-hover: rgba(59, 91, 219, .18);--text-primary: rgba(252, 251, 249, .95);--text-secondary: rgba(248, 248, 247, .9);--text-tertiary: rgba(229, 229, 227, .78);--text-muted: rgba(203, 202, 200, .68);--border-color: rgba(84, 83, 82, .55);--border-color-light: rgba(84, 83, 82, .35);--input-bg: rgba(28, 28, 27, .95);--input-text: var(--text-primary);--input-border: rgba(191, 191, 189, .35);--modal-overlay: linear-gradient(135deg, rgba(6, 6, 6, .92), rgba(59, 91, 219, .35));--modal-surface: rgba(16, 16, 16, .96);--modal-border: rgba(84, 83, 82, .55);--modal-shadow: var(--shadow-xxl);--color-primary: var(--color-accent-main);--color-primary-hover: #5f78e4;--color-primary-dark: #2a3f96;--color-primary-light: rgba(59, 91, 219, .45);--color-primary-lighter: rgba(238, 241, 255, .75);--welcome-map-desktop: url(/assets/maps/welcome-map-dark-desktop.png);--welcome-map-mobile: url(/assets/maps/welcome-map-dark-mobile.png);--surface-warm-strong: rgba(14, 14, 13, .98);--surface-warm-bright: rgba(16, 16, 16, .95);--surface-warm: rgba(19, 19, 19, .92);--surface-warm-soft: rgba(23, 23, 22, .9);--surface-warm-muted: rgba(30, 30, 29, .88);--surface-warm-dim: rgba(36, 36, 35, .86);--surface-warm-ghost: rgba(84, 83, 82, .35);--border-brand-strong: rgba(84, 83, 82, .65);--border-brand-mid: rgba(84, 83, 82, .45);--border-brand: rgba(84, 83, 82, .35);--border-brand-soft: rgba(84, 83, 82, .25);--border-brand-alt: rgba(104, 103, 102, .45);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .55);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .55);--shadow-lg: 0 10px 26px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 45px rgba(0, 0, 0, .65);--shadow-xxl: 0 35px 70px rgba(0, 0, 0, .7);--shadow-inset: inset 0 -1px 0 rgba(0, 0, 0, .4);--shadow-top: 0 -8px 20px rgba(0, 0, 0, .6);--shadow-primary-glow: 0 2px 10px rgba(95, 122, 232, .45);--focus-ring-shadow: 0 0 0 3px rgba(95, 122, 232, .45);--color-success: #10b981;--color-success-hover: #34d399;--color-success-light: #064e3b;--color-success-bg: #064e3b;--color-success-text: #6ee7b7;--color-success-border: #10b981;--color-danger: #ef4444;--color-danger-hover: #f87171;--color-danger-dark: #fca5a5;--color-danger-light: #7f1d1d;--color-danger-bg: #7f1d1d;--color-danger-text: #fca5a5;--color-warning: #f59e0b;--color-warning-hover: #fbbf24;--color-warning-bg: #78350f;--color-warning-text: #fcd34d;--color-warning-dark: #92400e;--color-info: #06b6d4;--color-info-light: #164e63;--weather-temp-high: #ef4444;--weather-temp-low: #3b82f6;--weather-rain: #fbbf24;--weather-rain-bg: #06b6d4;--progress-bg: rgba(28, 28, 27, .65);--progress-bar: linear-gradient(120deg, var(--color-btn-gradient-start), var(--color-btn-gradient-end));--progress-bar-success: linear-gradient(120deg, #10b981, #34d399)}}#app{width:100%;height:100%;background:var(--bg-primary);color:var(--text-primary)}input,select,textarea{background:var(--input-bg);color:var(--input-text);border-color:var(--input-border)}input:disabled,select:disabled,textarea:disabled{opacity:.5}@media (max-width: 640px){.modal-overlay{padding:0!important}.modal-content{width:100%!important;height:100%!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important}}.close-btn,.modal-close{background:none;border:none;font-size:28px;line-height:1;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;flex-shrink:0}.close-btn:hover,.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}