.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient( var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50% );--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient( var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50% );--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-root[data-nav-layout=around] .rdp-month,.rdp-root[data-nav-layout=after] .rdp-month{position:relative}.rdp-root[data-nav-layout=around] .rdp-month_caption{justify-content:center;margin-inline-start:var(--rdp-nav_button-width);margin-inline-end:var(--rdp-nav_button-width);position:relative}.rdp-root[data-nav-layout=around] .rdp-button_previous{position:absolute;inset-inline-start:0;top:0;height:var(--rdp-nav-height);display:inline-flex}.rdp-root[data-nav-layout=around] .rdp-button_next{position:absolute;inset-inline-end:0;top:0;height:var(--rdp-nav-height);display:inline-flex;justify-content:center}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled:not(.rdp-selected){opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--primary: #3B82F6;--secondary-color: #2563eb;--surface: #ffffff;--text: #0f172a;--black: #0b1220;--white: #ffffff;--text-primary: #0f172a;--text-muted: #475569;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-disabled: #94a3b8;--border: #e2e8f0;--border-color: var(--border);--bg: #f7f8fb;--background-secondary: #f1f5f9;--background-hover: #eef2f7;--bg-hover: #eef2f7;--bg-disabled: #e5e7eb;--danger: #ef4444;--error: #ef4444;--error-light: #fee2e2;--warning: #f59e0b;--warning-light: #fef3c7;--success: #10b981;--success-light: #d1fae5;--primary-color: var(--primary);--primary-hover: #2563eb;--color-public: #f23d3d;--color-public-alt: #dc1d1d;--color-private: #3b82f6;--color-private-alt: #2563eb;--color-seen: #64748b;--current-color: var(--color-public);--current-color-10: color-mix(in srgb, var(--current-color) 10%, transparent);--current-toggle-position: 50%;--xs: 4px;--sm: 8px;--md: 16px;--lg: 24px;--xl: 32px;--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 26px;--text-2xl: 32px;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-full: 50%;--border-width: 2px;--border-width-thick: 3px;--border-width-thin: 1px;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15);--shadow-public: 0 0 0 1px var(--color-public-30), 0 4px 12px var(--color-public-30);--shadow-public-hover: 0 0 0 1px var(--color-public-40), 0 6px 20px var(--color-public-40);--shadow-private: 0 0 0 1px var(--color-private-30), 0 4px 12px var(--color-private-30);--shadow-private-hover: 0 0 0 1px var(--color-private-40), 0 6px 20px var(--color-private-40);--shadow-focus-public: 0 0 0 2px var(--color-public-30);--shadow-focus-private: 0 0 0 2px var(--color-private-30);--text-shadow-public: 0 1px 3px var(--color-public-30);--text-shadow-private: 0 1px 3px var(--color-private-30);--component-min-height: 270px;--banner-height: 200px;--banner-height-sm: 160px;--banner-radius: var(--radius);--banner-radius-lg: var(--radius-lg);--button-size: 56px;--button-size-md: 40px;--button-size-sm: 32px;--button-size-xs: 24px;--button-radius: 30px;--button-radius-md: 20px;--button-radius-sm: 16px;--button-radius-xs: 14px;--bar-length: 22px;--bar-thickness: 4px;--toggle-width: 70px;--toggle-height: 36px;--toggle-radius: 18px;--toggle-circle-size: 40px;--toggle-translate-distance: 18px;--toggle-icon-size: 22px;--input-checkbox-size: 14px;--input-radio-size: 14px;--border-public: var(--color-public);--border-public-alt: var(--color-public-alt);--border-private: var(--color-private);--border-private-alt: var(--color-private-alt);--border-white-30: var(--color-white-30);--border-white-40: var(--color-white-40);--z-index-event-card: 1004;--z-index-modal: 1010;--z-index-toast: 1020;--pin-color-public: var(--color-public);--pin-color-private: var(--color-private);--pin-color-seen: var(--color-seen);--cluster-color-public: var(--color-public-alt);--cluster-color-private: var(--color-private-alt);--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--transition-fast: .15s ease-in-out;--transition-medium: .25s ease-in-out;--transition-slow: .5s ease-in-out;--transition-xl: 1s ease-in-out;--surface-glass: rgba(255, 255, 255, .2);--glass-bg-light: rgba(255, 255, 255, .9);--glass-blur: 5px;--glass-blur-strong: 12px;--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:transparent;color:var(--text);margin:0;padding:0;overflow-x:hidden;-webkit-overflow-scrolling:auto}body{overscroll-behavior-y:contain}.maplibregl-canvas{touch-action:pan-y;background:#f7f8fb}#root{min-height:200svh;background:transparent}.app{min-height:100vh;display:flex;flex-direction:column;background:transparent}.app-body{padding-top:56px;padding-bottom:calc(80px + var(--safe-bottom));min-height:100vh;box-sizing:border-box;flex:1}.map-container{position:fixed;top:env(safe-area-inset-top,0px);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);bottom:0;z-index:1;pointer-events:auto}.map-container.map-disabled{pointer-events:none;touch-action:none}.modal-teaser{width:360px;text-align:center;position:relative;border:none!important}.modal-teaser:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:4px;background:linear-gradient(135deg,var(--color-public) 0%,var(--color-private) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:1}.modal-teaser .modal-content{display:flex;flex-direction:column;align-items:center;gap:var(--md);padding-bottom:calc(var(--lg) + env(safe-area-inset-bottom,0px));position:relative;z-index:2}.map-teaser-message{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--text);line-height:1.4;margin:0;letter-spacing:-.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:uppercase}.map-teaser-cta.button.primary{font-weight:var(--font-weight-semibold);display:inline-flex;align-items:center;justify-content:center;gap:var(--xs);background:linear-gradient(135deg,#f23d3dcc,#3b82f6cc)!important;border:var(--border-width) solid rgba(255,255,255,.2)!important;box-shadow:var(--shadow-lg),0 0 0 2px #ffffff1a;transition:all var(--transition-medium);transform:translateY(0)}.map-teaser-cta.button.primary:hover{background:linear-gradient(135deg,var(--color-public) 0%,var(--color-private) 100%)!important;box-shadow:0 6px 20px #0003,0 0 0 4px #ffffff4d;transform:translateY(-2px);border-color:#ffffffb3!important}.map-teaser-cta.button.primary:active{background:linear-gradient(135deg,#f23d3dcc,#3b82f6cc)!important;transform:translateY(0);box-shadow:var(--shadow),0 0 0 3px #ffffff40;border-color:#ffffff80!important}.map-teaser-text{display:inline-flex;align-items:center;gap:.5em;font-size:var(--text-lg);font-weight:var(--font-weight-bold);letter-spacing:-.5px;line-height:1;color:#fff}.map-teaser-word{display:inline-flex;align-items:center;gap:.05em}.map-teaser-text[data-size=sm]{font-size:var(--text-xl)}.button{padding:var(--sm) var(--md);border-radius:var(--radius);font-size:var(--text-md);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button.primary{background:var(--current-color);border-color:var(--current-color)}.button.secondary{background:var(--background-secondary);color:var(--text);border-color:var(--border)}.button.ghost{background:transparent;color:var(--text);border-color:transparent}.response-button{flex:auto;padding:var(--xs)}.circular-button{width:var(--button-size);height:var(--button-size);border-radius:var(--button-radius);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:var(--current-color)}.circular-button:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000026}.circular-button:active{transform:scale(.98)}.circular-button.rotated{transform:rotate(45deg) scale(1.05);box-shadow:0 4px 16px #0003}.circular-button--xs{width:var(--button-size-xs);height:var(--button-size-xs);border-radius:var(--button-radius-xs)}.circular-button-sm{width:var(--button-size-sm);height:var(--button-size-sm);border-radius:var(--button-radius-sm)}.circular-button img{filter:brightness(0) invert(1)}.icon-container{position:relative;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform var(--transition-fast),filter var(--transition-fast);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.back-button{width:32px;height:32px;min-width:32px;padding:0;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg, #fff);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-lg);line-height:1;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.form-section{display:flex;flex-direction:column;gap:var(--sm);width:100%;max-width:100%}.form-label{display:block;color:var(--text);font-weight:600;margin-bottom:var(--xs);font-size:var(--text-sm)}.form-label-hint{display:inline-block;margin-left:var(--xs);font-size:var(--text-xs);font-weight:400;color:var(--text-muted);opacity:.7}.form-help{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--xs)}.error-message{padding:var(--sm) var(--md);background:var(--error-light);color:var(--danger);border-radius:var(--radius);font-size:var(--text-sm);border:1px solid var(--danger)}.form-input,.input{width:100%;padding:var(--sm) var(--md);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-md);font-family:inherit;font-weight:inherit;line-height:inherit;transition:border-color var(--transition-fast)}.form-input:focus,.input:focus{outline:none;border-color:var(--current-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--current-color),transparent 90%)}.form-textarea{min-height:100px;resize:vertical}.form-actions{display:flex;justify-content:flex-end}.create-form{display:flex;flex-direction:column;gap:var(--md)}.address-autocomplete{position:relative}.autocomplete-suggestions{background:#fffffff2;backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #1f26875e,0 0 0 1px #fff3 inset;z-index:1012;position:absolute;top:100%;left:0;right:0;width:100%;margin-top:var(--xs);max-height:240px;overflow-y:auto;animation:suggestionFadeIn .2s ease-out}@keyframes suggestionFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.suggestion-item{padding:var(--md);cursor:pointer;background:transparent;transition:background-color var(--transition-fast);border-bottom:1px solid var(--border)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.selected{background:var(--background-hover)}.suggestion-item-main{font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--xs);font-size:var(--text-sm)}.suggestion-item-details{font-size:var(--text-xs);color:var(--text-muted);line-height:1.4}.banner-selector-btn{width:100%;height:120px;padding:var(--lg) var(--md);border:2px dashed var(--border);border-radius:var(--radius);background:var(--surface-subtle);display:flex;align-items:center;justify-content:center;gap:var(--sm);cursor:pointer;background:#fff}.image-preview-container{position:relative;width:100%;height:120px;border-radius:var(--radius);overflow:hidden;background:#fff}.image-preview{width:100%;height:100%;object-fit:cover;display:block;cursor:grab;user-select:none;transition:cursor .2s}.image-preview.dragging{cursor:grabbing}.image-preview:hover{cursor:grab}.image-remove-btn{position:absolute;top:var(--xs);right:var(--xs);background:transparent;border:none;color:#fff;font-size:var(--text-lg);margin:var(--xs);cursor:pointer;z-index:2}.image-position-hint{position:absolute;bottom:var(--xs);left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:var(--xs) var(--sm);border-radius:var(--radius);font-size:var(--text-xs);pointer-events:none;z-index:2;opacity:.9}.stock--image-picker{height:300px;overflow-y:auto;overflow-x:hidden}.stock-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--xs)}.stock-image-item{position:relative;height:120px;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stock-image-item:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.stock-image-item.selected{border:2px solid var(--current-color);box-shadow:0 0 0 3px var(--current-color-10)}.stock-image-item img{width:100%;height:100%;object-fit:cover}.search-input-group{display:flex;gap:var(--sm)}.form-input-group{display:flex;gap:var(--sm);align-items:stretch}.form-input-monospace{font-family:monospace}.form-actions-column{flex-direction:column;gap:var(--xs)}.modal_overlay{position:fixed;inset:0;z-index:1010;background:#00000080;animation:overlayFadeIn .3s ease-out;overflow:hidden}.modal_container{position:fixed;bottom:calc(var(--navbar-height) + var(--button-radius) + var(--sm));left:50%;transform:translate(-50%);z-index:1011;overflow:visible}.modal-no-backdrop{position:relative;top:auto;left:auto;transform:none;z-index:1}.welcome-screen-overlay .modal_container{position:relative;bottom:auto;left:auto;transform:none}.modal{width:360px;max-height:70vh;background:#ffffffc4;backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border-radius:var(--radius-lg);box-shadow:0 8px 32px #1f26875e,0 0 0 1px #fff3 inset;border:2px solid var(--current-color);pointer-events:auto;display:flex;flex-direction:column;animation:modalSlideUp .4s cubic-bezier(.68,-.55,.265,1.55) both;position:relative;overflow:hidden}.modal:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:2px;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:1}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}60%{opacity:1;transform:translateY(-5px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{padding:var(--lg);overflow-y:auto}.modal-form{display:flex;flex-direction:column;gap:var(--md)}.modal-welcome{color:#fff;border:1px solid white;background:#fff3}.modal-welcome h2,.modal-welcome h3,.modal-welcome p,.modal-welcome .auth-subtitle,.modal-welcome .form-label{color:#fff}.modal-welcome .form-input{color:#fff;border:1px solid white;background:#ffffff4d}.modal-welcome .form-input::placeholder{color:#ffffffb3}.modal-welcome .button.primary{color:#fff;border:1px solid white;background:#fff3}.modal-welcome .button.primary:hover{background:#ffffff4d}.modal-welcome .back-button{color:#fff;border-color:#fff}.modal-content .back-button{background:transparent}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--md);border-bottom:1px solid var(--border);flex-shrink:0}.modal-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--text);margin:0}.modal-event-info{padding:var(--md);border-bottom:1px solid var(--border);flex-shrink:0}.modal-tabs{display:flex;border-bottom:2px solid var(--border);flex-shrink:0}.modal-tab-button{flex:1;padding:var(--md);border:none;background:transparent;border-bottom:2px solid transparent;color:var(--text-muted);font-weight:var(--font-weight-normal);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);margin-bottom:-2px;border-radius:0;display:flex;align-items:center;justify-content:center;gap:var(--xs)}.modal-tab-button:hover{color:var(--text);background:var(--background-hover)}.modal-tab-button.active{color:var(--current-color);font-weight:var(--font-weight-semibold);border-bottom-color:var(--current-color)}.modal-scrollable-content{flex:1;overflow-y:auto;min-height:0}.modal-content-inner{padding:var(--md)}.modal-footer{padding:var(--md);border-top:1px solid var(--border);flex-shrink:0}.modal-share{height:85vh;max-height:85vh;width:100%;max-width:420px}.modal-event-title{font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--xs);line-height:1.2}.modal-event-details{color:var(--text-muted);display:flex;flex-direction:column;gap:2px}.visitor-form-dynamic{background:#ffffff40!important;backdrop-filter:blur(var(--glass-blur-strong))!important;-webkit-backdrop-filter:blur(var(--glass-blur-strong))!important;box-shadow:0 8px 32px #1f26875e,0 0 0 1px #fff3 inset!important}.visitor-modal-dynamic{background:#ffffff40!important;backdrop-filter:blur(var(--glass-blur-strong))!important;-webkit-backdrop-filter:blur(var(--glass-blur-strong))!important;box-shadow:0 8px 32px #1f26875e,0 0 0 1px #fff3 inset!important;border:none!important}.visitor-modal-dynamic:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:4px;background:linear-gradient(-135deg,var(--color-public) 0%,var(--color-private) 100%);opacity:.7;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:1}.visitor-form-header{text-align:center;padding:var(--md) 0}.visitor-form-header h2{text-shadow:0 1px 2px rgba(0,0,0,.1)}.toast-message{animation:toastIntroSlideUp .4s ease-out}.app-header{position:fixed;top:0;left:0;right:0;height:56px;z-index:2000;padding:var(--md);pointer-events:none;overflow:visible}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;height:56px;background:linear-gradient(to bottom,#fff,#fff0);pointer-events:none;z-index:-1}.app-header>div{pointer-events:none}.header-actions,.header-beta-container{pointer-events:auto}.header-actions{display:flex;overflow:visible}.toggle-switch{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);overflow:visible}.toggle-track{position:relative;z-index:1;width:var(--toggle-width);height:var(--toggle-height);border-radius:var(--toggle-radius);display:flex;align-items:center;justify-content:space-evenly;transition:transform var(--transition-fast);background:var(--current-color)}.toggle-switch:before{content:"";position:absolute;z-index:2;width:var(--toggle-circle-size);height:var(--toggle-circle-size);background:#fff;border-radius:50%;transform:translate(var(--current-toggle-position));transition:transform var(--transition-fast);box-shadow:var(--shadow-lg);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.toggle-icon{width:var(--toggle-icon-size);height:var(--toggle-icon-size);filter:brightness(0) invert(1)}.user-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.navbar-container{position:fixed;left:0;right:0;bottom:0;z-index:2000;transform:translate3d(0,100%,0);opacity:0;backface-visibility:hidden;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));display:flex;flex-direction:column;align-items:center}.navbar-container.slide-in-from-bottom{animation:slideInFromBottom 1s ease-out forwards}@keyframes slideInFromBottom{0%{transform:translate3d(0,100%,0);opacity:0}to{transform:translateZ(0);opacity:1}}.navigation{display:flex;width:100vw;position:relative}.navigation:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;pointer-events:none;background:linear-gradient(to bottom,#00000014,#0000)}.nav-create-floating{position:absolute;top:-28px;left:50%;margin-left:-28px;z-index:2001;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(20px)}.nav-create-floating.rotated{transform:rotate(45deg)}.plus-bar{position:absolute;background:currentColor;border-radius:calc(var(--bar-thickness) / 2);transition:transform var(--transition-fast)}.plus-bar-horizontal{width:var(--bar-length);height:var(--bar-thickness)}.plus-bar-vertical{width:var(--bar-thickness);height:var(--bar-length)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--xs);padding:var(--md) var(--sm);height:var(--navbar-height);color:var(--text-muted);text-decoration:none;transition:transform var(--transition-fast),background var(--transition-fast);cursor:pointer;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex:1;background:none;border:none;font:inherit}.nav-item{height:var(--navbar-height)}.nav-item:hover{background:#ffffff1f;transform:translateY(-1px)}.nav-item.active{color:var(--current-color);font-weight:var(--font-weight-semibold);background:#ffffff59;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.nav-icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.nav-item.active .nav-icon{transform:scale(1.2);filter:drop-shadow(var(--text-shadow-public))}.nav-label{font-size:var(--text-xs);font-weight:500}.event-card-container{position:fixed;bottom:calc(var(--navbar-height) + var(--button-radius) + var(--sm));left:50%;transform:translate(-50%);z-index:var(--z-index-event-card);pointer-events:none}.event-card{width:90vw;max-width:360px;background:#ffffff40;backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sm);box-shadow:0 8px 32px #1f26875e,0 0 0 1px #fff3 inset;border-left:3px solid var(--current-color);position:relative;overflow:hidden;display:flex;flex-direction:column;max-height:70vh;scrollbar-width:thin;scrollbar-color:var(--border) transparent;pointer-events:auto}.event-card-clickable-area{cursor:pointer;flex:1;display:flex;flex-direction:column;min-height:0}.event-card[data-profile-page=true]{overflow-y:visible;max-height:none}.event-card--offline{border-left-color:var(--text-muted)}.fake-event-card{position:relative;width:360px;background:#ffffff40;border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--md);box-shadow:0 8px 32px #1f26875e,0 0 0 1px #fff3 inset;border-left:3px solid var(--current-color);overflow:hidden;display:flex;flex-direction:column;max-height:70vh}.fake-event-card-content{position:relative;width:100%;flex:1}.event-list-item{position:relative;z-index:1;max-height:1000px;padding-block:var(--sm);transition:max-height 2s ease,margin 2s ease,padding 2s ease,opacity 2s ease}.event-list-item:has(.fade-out-2s){max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;opacity:0;overflow:hidden}.event-card::-webkit-scrollbar{width:6px}.event-card::-webkit-scrollbar-track{background:transparent}.event-card::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.event-card::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.event-card-header{display:flex;align-items:center;gap:var(--xs);padding:var(--sm) var(--sm) 0;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.event-card-title{font-size:var(--text-md);font-weight:500;color:var(--text);margin:0}.event-card-meta{font-size:var(--text-sm);color:var(--text-muted);display:flex;flex-direction:column;gap:var(--xs);margin:0}.meta-row{white-space:normal;word-wrap:break-word;font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.event-card-banner{position:relative;aspect-ratio:16 / 9;border-top-left-radius:var(--banner-radius);border-top-right-radius:var(--banner-radius);overflow:hidden}.event-card-banner img{width:100%;height:100%;object-fit:cover;background:var(--bg)}.event-card-banner-close{position:absolute;top:var(--xs);right:var(--xs);width:32px;height:32px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);z-index:2;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);color:var(--text);font-size:var(--text-lg);line-height:1;padding:0}.event-card-banner-close:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000026}.event-card-banner-close:active{transform:scale(.98)}.event-response-buttons-container{display:flex;width:100%;gap:var(--sm);padding-top:var(--sm);border-top:1px solid var(--border);margin-top:var(--sm)}.event-response-button-group{display:flex;gap:var(--sm);width:100%}.event-share-section{border-top:2px solid var(--border);margin-top:var(--sm);flex:0;min-height:0;max-height:0;overflow:hidden;opacity:0;transform:translateY(-10px);transition:flex .3s ease-out,opacity .3s ease-out,transform .3s ease-out}.event-share-section.expanded{flex:1;min-height:0;max-height:none;opacity:1;transform:translateY(0)}.event-share-section .share-content{display:flex;flex-direction:column;height:100%;min-height:0}.event-share-section .share-content-scrollable{flex:1;overflow-y:auto;min-height:0}.event-share-section .modal-content-inner{padding:0}.event-edit-buttons-container{display:flex;width:100%;gap:var(--sm);padding-top:var(--sm);border-top:1px solid var(--border);margin-top:var(--sm)}.event-card img[src="/share-icon.svg"]{transition:transform .3s ease-out}.event-card img[src="/share-icon.svg"].share-icon-rotated{transform:rotate(-180deg)}.arrow-bar-left{position:absolute;transform:translate(-3px) rotate(-50deg);width:calc(var(--bar-length) / 2);height:var(--bar-thickness)}.arrow-bar-right{position:absolute;transform:translate(3px) rotate(50deg);width:calc(var(--bar-length) / 2);height:var(--bar-thickness)}.event-details-section{margin-top:0;padding-top:0;border-top:2px solid transparent;max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);flex:0;pointer-events:none;transition:max-height .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),margin-top .4s cubic-bezier(.4,0,.2,1),padding-top .4s cubic-bezier(.4,0,.2,1),border-top-color .4s cubic-bezier(.4,0,.2,1),flex .4s cubic-bezier(.4,0,.2,1)}.event-details-section.expanded{margin-top:var(--sm);padding-top:var(--sm);border-top-color:var(--border);max-height:1000px;opacity:1;transform:translateY(0);flex:1;pointer-events:auto}.event-description{margin-bottom:var(--md)}.event-description p{margin:0;font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;white-space:pre-line}.event-info-grid{display:grid;gap:var(--sm);margin-bottom:var(--md)}.info-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.info-item strong{color:var(--text);font-weight:500}.event-tags-container{display:flex;gap:var(--xs);flex-wrap:wrap;margin-top:var(--sm)}.event-tag-chip{display:inline-flex;align-items:center;font-size:var(--text-sm);padding:var(--xs) var(--sm);border-radius:var(--radius-full);background:var(--current-color-10);color:var(--current-color);border:1px solid var(--border);user-select:none}.event-card.fading-out{opacity:0;transform:translate(-100%);transition:opacity .8s ease-out,transform .8s ease-out;pointer-events:none}.overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal, 1000);padding:var(--lg);background:#00000080;animation:overlayFadeIn .3s ease-out}.overlay--closing{animation:overlayFadeOut .2s ease-out forwards}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal, 1000);padding:0;background:#00000080;animation:overlayFadeIn .3s ease-out}.image-editor-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-modal, 1000);padding:0;background:#000c;animation:overlayFadeIn .3s ease-out}.location-picker-overlay{position:fixed;inset:0;pointer-events:none;z-index:var(--z-index-modal, 1000)}.toast-overlay{position:fixed;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:var(--z-index-toast);background:transparent;backdrop-filter:none;animation:overlayFadeIn .3s ease-out;pointer-events:none}.toast-overlay.closing{animation:overlayFadeOut .2s ease-out forwards}.toast-message{background:#ffffff40;backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));padding:var(--lg) var(--xl);border-radius:var(--radius-lg);box-shadow:0 8px 32px #1f26875e,0 0 0 1px #fff3 inset;text-align:center;animation:toastSlideUpBounce .6s cubic-bezier(.68,-.55,.265,1.55) both,toastPulse 4s cubic-bezier(.33,0,.67,1) .6s infinite;border:none;max-width:300px;width:auto;min-width:0;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;box-sizing:border-box;pointer-events:auto}.toast-message:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:4px;background:linear-gradient(-135deg,var(--color-public) 0%,var(--color-private) 100%);opacity:.7;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.toast-message h3{margin:0 0 var(--sm) 0;font-size:var(--text-lg);font-weight:600;color:var(--text);max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.toast-message p{margin:0;font-size:var(--text-sm);color:var(--text-muted);max-width:100%;word-wrap:break-word;overflow-wrap:break-word}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes toastSlideUpBounce{0%{opacity:0;transform:translateY(50px) scale(.7) rotate(-2deg)}60%{opacity:1;transform:translateY(-10px) scale(1.05) rotate(1deg)}80%{transform:translateY(5px) scale(.98) rotate(-.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes toastSlideDown{0%{opacity:1;transform:translateY(0) scale(1) rotate(0)}to{opacity:0;transform:translateY(30px) scale(.8) rotate(2deg)}}.toast-overlay.closing .toast-message{animation:toastSlideDown .3s ease-in forwards}.toast-message.success{border-color:var(--success)}.toast-message.success h3{color:var(--success)}.toast-message.error{border-color:var(--danger)}.toast-message.error h3{color:var(--danger)}@keyframes toastBounce{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(0)}75%{transform:translateY(-4px)}}@keyframes toastPulse{0%{transform:translateY(0) scale(1) rotate(0)}15%{transform:translateY(0) scale(1.008) rotate(0)}30%{transform:translateY(0) scale(1.018) rotate(0)}45%{transform:translateY(0) scale(1.025) rotate(0)}60%{transform:translateY(0) scale(1.03) rotate(0)}70%{transform:translateY(0) scale(1.02) rotate(0)}80%{transform:translateY(0) scale(1.01) rotate(0)}90%{transform:translateY(0) scale(1.003) rotate(0)}to{transform:translateY(0) scale(1) rotate(0)}}.toast-bounce .toast-message{animation:toastSlideUpBounce .6s cubic-bezier(.68,-.55,.265,1.55) both,toastBounce 1.5s ease-in-out infinite}@keyframes buttonSlideUpBounce{0%{opacity:0;transform:translate(-50%) translateY(50px) scale(.7) rotate(-2deg)}60%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.05) rotate(1deg)}80%{transform:translate(-50%) translateY(5px) scale(.98) rotate(-.5deg)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1) rotate(0)}}@keyframes buttonToastPulse{0%{transform:translate(-50%) translateY(0) scale(1) rotate(0)}15%{transform:translate(-50%) translateY(0) scale(1.008) rotate(0)}30%{transform:translate(-50%) translateY(0) scale(1.018) rotate(0)}45%{transform:translate(-50%) translateY(0) scale(1.025) rotate(0)}60%{transform:translate(-50%) translateY(0) scale(1.03) rotate(0)}70%{transform:translate(-50%) translateY(0) scale(1.02) rotate(0)}80%{transform:translate(-50%) translateY(0) scale(1.01) rotate(0)}90%{transform:translate(-50%) translateY(0) scale(1.005) rotate(0)}to{transform:translate(-50%) translateY(0) scale(1) rotate(0)}}.viewport-scroll-overlay{position:fixed;inset:0;z-index:calc(var(--z-index-toast) - 1);background:transparent;pointer-events:none;animation:overlayFadeIn .3s ease-out;touch-action:auto}.welcome-screen-overlay{position:absolute;top:30vh;left:0;right:0;bottom:0;display:flex;align-items:flex-start;justify-content:center;width:100%;height:100%;background:transparent;padding:0;z-index:var(--z-index-modal, 1000);opacity:0;transform:translateY(20px);animation:welcomeAuthFadeIn 1s ease-out 1.5s forwards}.welcome-screen-content-wrapper{display:flex;flex-direction:column;gap:30px;align-items:center}.loading-screen-partial .welcome-screen-overlay{position:fixed;top:30vh;left:0;right:0;bottom:0;width:100vw;height:100vh;align-items:flex-start;padding-top:0;animation:welcomeAuthFadeIn .5s ease-out .3s forwards}@keyframes welcomeAuthFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cta-glassmorphism{background:#ffffff40;backdrop-filter:blur(var(--glass-blur-strong));-webkit-backdrop-filter:blur(var(--glass-blur-strong));padding:var(--md) var(--xl);border-radius:var(--radius-lg);box-shadow:0 8px 32px #1f26875e,0 0 0 1px #fff3 inset;text-align:center;border:none;cursor:pointer;position:relative;overflow:hidden;box-sizing:border-box;color:var(--text);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);transition:background .2s ease,transform .2s ease}.cta-glassmorphism:hover{background:#ffffff59;transform:scale(1.02)}.cta-glassmorphism:active{transform:scale(.98)}.cta-glassmorphism:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:4px;background:linear-gradient(-135deg,var(--color-public) 0%,var(--color-private) 100%);opacity:.7;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}@keyframes ctaSlideUpFromBottom{0%{opacity:0;transform:translate(-50%) translateY(100px) scale(.7) rotate(-2deg)}60%{opacity:1;transform:translate(-50%) translateY(-10px) scale(1.05) rotate(1deg)}80%{transform:translate(-50%) translateY(5px) scale(.98) rotate(-.5deg)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1) rotate(0)}}@keyframes ctaPulse{0%{transform:translate(-50%) translateY(0) scale(1) rotate(0)}15%{transform:translate(-50%) translateY(0) scale(1.008) rotate(0)}30%{transform:translate(-50%) translateY(0) scale(1.018) rotate(0)}45%{transform:translate(-50%) translateY(0) scale(1.025) rotate(0)}60%{transform:translate(-50%) translateY(0) scale(1.03) rotate(0)}70%{transform:translate(-50%) translateY(0) scale(1.02) rotate(0)}80%{transform:translate(-50%) translateY(0) scale(1.01) rotate(0)}90%{transform:translate(-50%) translateY(0) scale(1.003) rotate(0)}to{transform:translate(-50%) translateY(0) scale(1) rotate(0)}}.cta-glassmorphism.cta-centered{animation:ctaSlideUpFromBottom .6s cubic-bezier(.68,-.55,.265,1.55) both,ctaPulse 4s cubic-bezier(.33,0,.67,1) .6s infinite}@keyframes ctaSlideUpFromBottomWelcome{0%{opacity:0;transform:translateY(100px) scale(.7) rotate(-2deg)}60%{opacity:1;transform:translateY(-10px) scale(1.05) rotate(1deg)}80%{transform:translateY(5px) scale(.98) rotate(-.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes ctaPulseWelcome{0%{transform:translateY(0) scale(1) rotate(0)}15%{transform:translateY(0) scale(1.008) rotate(0)}30%{transform:translateY(0) scale(1.018) rotate(0)}45%{transform:translateY(0) scale(1.025) rotate(0)}60%{transform:translateY(0) scale(1.03) rotate(0)}70%{transform:translateY(0) scale(1.02) rotate(0)}80%{transform:translateY(0) scale(1.01) rotate(0)}90%{transform:translateY(0) scale(1.003) rotate(0)}to{transform:translateY(0) scale(1) rotate(0)}}.cta-glassmorphism.cta-welcome{animation:ctaSlideUpFromBottomWelcome .6s cubic-bezier(.68,-.55,.265,1.55) both,ctaPulseWelcome 4s cubic-bezier(.33,0,.67,1) .6s infinite}.friends-title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--sm) 0;display:flex;align-items:center;gap:var(--xs)}.friends-count{font-size:var(--text-sm);font-weight:var(--font-weight-normal);color:var(--text-secondary);background:var(--background-secondary);padding:var(--xs) var(--sm);border-radius:var(--radius)}.friends-grid{display:flex;flex-direction:column;align-items:center;gap:var(--sm)}.friend-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted)}.friend-info{flex:1;min-width:0}.friend-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-location{font-size:var(--text-xs);color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friends-empty{text-align:center;padding:var(--lg);color:var(--text-secondary)}.friends-section,.friends-subsection{margin-bottom:var(--md)}.friends-subsection.with-border-top{padding-top:var(--sm);border-top:1px solid var(--border)}.friends-subsection-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--sm) 0}.friends-subsection>button{outline:none;transition:opacity var(--transition-fast)}.friends-subsection>button:hover{opacity:.8}.friends-subsection>button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius)}.friends-toggle-container{display:flex;align-items:center;gap:var(--sm);padding:var(--sm) var(--md);background:var(--background-secondary);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--transition-fast);text-align:left;cursor:pointer}.friends-toggle-container:hover{background:var(--background-hover);border-color:var(--primary)}.friends-toggle-container.selected{background:var(--current-color);border-color:var(--current-color);color:var(--white)}.friends-toggle-container.selected .friend-name,.friends-toggle-container.selected .friend-location{color:var(--white)}.friends-list-container{display:flex;flex-direction:column;gap:var(--md)}.friend-avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--white);flex-shrink:0;background-color:var(--text-muted)}.bg-current-color{background-color:var(--current-color)!important}.bg-text-muted{background-color:var(--text-muted)!important}.friends-toggle-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;background:transparent;border:none;cursor:pointer;user-select:none;font:inherit;text-align:left}.friends-toggle-label{display:flex;align-items:center;gap:var(--sm);font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.friends-toggle-icon{font-size:var(--text-sm);color:var(--text-secondary);transition:transform var(--transition-fast)}.friends-toggle-content{animation:slideDown .2s ease-out;border-top:1px solid var(--border);padding-top:var(--md)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.friendship-status{margin-top:var(--xs)}.friend-actions{display:flex;gap:var(--sm);justify-content:stretch;width:100%;position:relative;z-index:10;pointer-events:auto;padding:var(--xs) var(--sm)}.action-buttons{display:flex;gap:var(--sm);flex-wrap:wrap}.pending-info{padding:var(--md);background:var(--background-secondary);border-radius:var(--radius);border-left:3px solid var(--color-private)}.search-container{position:relative}.search-icon{position:absolute;right:var(--md);top:50%;transform:translateY(-50%);pointer-events:none}.search-results{margin-top:var(--sm)}.search-results-container{display:flex;flex-direction:column;gap:var(--sm)}.search-results-wrapper{display:flex;flex-direction:column;gap:var(--sm);min-height:450px;max-height:450px}.search-results-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;padding-right:var(--xs);margin-top:var(--sm);min-height:0}.search-results-scrollable::-webkit-scrollbar{width:6px}.search-results-scrollable::-webkit-scrollbar-track{background:transparent}.search-results-scrollable::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.search-results-scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.search-results-scrollable .event-card{width:300px;max-width:300px}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--md);border-bottom:1px solid var(--border);transition:background var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.user-info{flex:1;display:flex;flex-direction:column;gap:var(--xs)}.user-details{display:flex;flex-direction:column;gap:var(--xs)}.user-name{font-size:var(--text-sm);font-weight:600;color:var(--text);margin:0}.user-email,.user-city{font-size:var(--text-xs);color:var(--text-muted);margin:0}.user-actions{display:flex;gap:var(--sm)}.friends-add-button{gap:var(--xs);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.friends-add-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.friends-add-button:active{transform:translateY(0);box-shadow:var(--shadow)}.status-badge{display:inline-block;padding:var(--xs) var(--sm);border-radius:var(--radius);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.status-badge.status-active{background:var(--success-light);color:var(--success)}.status-badge.status-pending{background:var(--warning-light);color:var(--warning)}.status-badge.status-blocked{background:var(--error-light);color:var(--error)}.friends-section-pending{background:var(--background-secondary);border:2px solid var(--warning);border-radius:var(--radius);padding:var(--md)}.friends-title-with-badge{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--md)}.friends-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--xs);border-radius:12px;font-size:var(--text-xs);font-weight:var(--font-weight-bold);line-height:1;background:var(--background-secondary);color:var(--text-secondary)}.has-pending-requests .friends-subsection-title{animation:pending-requests-pulse 2s ease-in-out infinite}@keyframes pending-requests-pulse{0%,to{color:var(--text-primary)}50%{color:var(--current-color)}}.pending-badge{background:var(--warning);color:var(--bg);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.friends-grid .event-card{width:90vw;max-width:400px;margin:0;max-height:none;border-left:none!important}.user-card{display:flex;flex-direction:column;height:auto;min-height:0}.user-card-header{display:flex;align-items:flex-start;flex-shrink:0}.user-card-info{flex:1;min-width:0;position:relative}.user-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sm);margin-bottom:var(--xs)}.user-card-title{margin:0;flex:1}.user-card-badge{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);padding:var(--xs) var(--sm);border-radius:var(--radius-sm);color:var(--white);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;gap:var(--xs)}.user-card-badge-public{background-color:var(--color-public)}.user-card-badge-private{background-color:var(--color-private)}.user-card-badge-icon{width:14px;height:14px;display:inline-block;filter:brightness(0) invert(1)}.user-card-meta{flex-shrink:0;margin-bottom:var(--sm)}.user-card-ambassador-wrapper{margin-bottom:var(--sm)}.user-card-ambassador-badge{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);padding:var(--xs) var(--sm);border-radius:var(--radius-sm);background-color:var(--warning-light);color:var(--warning);text-transform:uppercase;letter-spacing:.5px}.user-card-edit-wrapper{padding:var(--sm);flex-shrink:0}.user-card-edit-button{width:100%;padding:var(--sm) var(--md);background-color:var(--primary);color:var(--white);border:none;border-radius:var(--radius);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-fast)}.user-card-edit-button:hover{background-color:var(--primary-hover)}.user-card-actions-wrapper{padding:var(--xs) var(--sm);flex-shrink:0}.profile-section,.stats-section{background:var(--surface);border-radius:var(--radius-lg);padding:var(--lg);margin-bottom:var(--sm);box-shadow:var(--shadow)}.stats-grid{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:var(--md);flex-wrap:wrap}.stat{text-align:center;flex:1;min-width:80px}.stat-value{font-size:28px;font-weight:700;color:var(--text);margin-bottom:var(--xs)}.user-card-container{width:300px;display:flex;justify-content:center;align-items:flex-start}.user-card-container .event-card{width:300px;max-width:300px}.profile-section .event-list-item{width:100%;display:flex;justify-content:center}.profile-section .event-list-item .event-card{width:360px}.city-setting-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--md)}.city-setting-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--text)}.city-edit-button{padding:var(--xs) var(--sm);font-size:var(--text-sm);background:var(--background-secondary);color:var(--text);border:2px solid var(--border);border-radius:var(--radius);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.city-edit-button:hover{background:var(--background-hover);border-color:var(--primary);color:var(--primary)}.city-edit-button:active{transform:scale(.98)}.city-editor{display:flex;flex-direction:column;gap:var(--md);padding:var(--md);background-color:var(--bg);border-radius:var(--radius);border:2px solid var(--primary);animation:slideUp .3s ease-out}.city-editor .address-autocomplete{width:100%}.city-editor-actions{display:flex;gap:var(--sm);justify-content:flex-end;padding-top:var(--xs);border-top:1px solid var(--border)}.recent-activity-section{padding:var(--md)}.recent-activity-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text);margin:0 0 var(--md) 0;padding-bottom:var(--xs);border-bottom:1px solid var(--border)}.recent-activity-list{display:flex;flex-direction:column;gap:var(--xs)}.recent-activity-item{padding:var(--xs) 0;cursor:pointer;transition:all var(--transition-fast);border-top:1px solid transparent;border-bottom:1px solid transparent}.recent-activity-item:hover{padding-left:var(--xs);border-top-color:var(--border);border-bottom-color:var(--border)}.recent-activity-item:focus{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}.recent-activity-content{display:flex;flex-direction:column;gap:var(--xs)}.recent-activity-title-text{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-activity-meta{display:flex;align-items:center;gap:var(--xs);font-size:var(--text-xs);flex-wrap:wrap}.recent-activity-arrow{color:var(--text-muted);font-size:var(--text-sm);margin:0 var(--xs)}.recent-activity-badge{padding:2px var(--xs);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);white-space:nowrap;font-size:var(--text-xs)}.recent-activity-badge[data-response=going]{background-color:var(--success-light);color:var(--success)}.recent-activity-badge[data-response=interested]{background-color:var(--warning-light);color:var(--warning)}.recent-activity-badge[data-response=not_interested]{background-color:var(--error-light);color:var(--error)}.recent-activity-badge[data-response=cleared]{background-color:var(--background-secondary);color:var(--text-muted)}.recent-activity-time{color:var(--text-muted);font-size:var(--text-xs)}.calendar-page-container{position:fixed;inset:0;height:100vh;width:100%;overflow:hidden}.calendar-timeline{position:relative;height:100%;overflow-y:auto;overflow-x:hidden;padding-top:50px;padding-bottom:calc(var(--navbar-height) + var(--button-radius) + var(--sm));-webkit-overflow-scrolling:touch}.calendar-period-divider{position:relative;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--current-color),transparent);overflow:hidden;margin:1rem 0}.calendar-period-divider:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--border) 0%,transparent 10%,transparent 90%,var(--border) 100%);opacity:.5}.calendar-period-divider:after{content:"";position:absolute;top:50%;left:0;width:100%;height:1px;background:var(--border);opacity:.2;transform:translateY(-50%)}.calendar-period-label{position:sticky;top:50px;left:50%;transform:translate(-50%);width:fit-content;align-items:center;margin-top:var(--md);margin-bottom:var(--sm);z-index:10;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow);text-transform:uppercase;letter-spacing:.5px;padding:var(--xs) var(--sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;text-align:center;background:var(--current-color);color:var(--bg)}.calendar-period-events{display:flex;flex-direction:column;align-items:center;padding-top:var(--lg);padding-bottom:var(--lg)}.calendar-period{animation:slideUp var(--transition-medium) ease-out;margin-bottom:var(--lg);scroll-margin-top:100px}.loading-screen{position:fixed;inset:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-private),var(--color-public));z-index:2100;opacity:0;animation:fadeIn .5s ease-in forwards;pointer-events:auto}.loading-screen.fading-out{animation:fadeOut .5s ease-out forwards;pointer-events:none}.loading-screen-partial{height:100vh;bottom:0;top:0;z-index:2100;background:linear-gradient(135deg,#3b82f6f2,#f23d3df2);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.loading-content{position:absolute;top:10vh;left:0;right:0;color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--lg)}.loading-text{font-size:var(--text-lg);margin:0;opacity:.9}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--md)}.spinner{width:40px;height:40px;border:var(--border-width-thick) solid var(--border);border-top:var(--border-width-thick) solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-screen .logo-container img{filter:brightness(0) invert(1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpWithHeight{0%{opacity:0;max-height:0;transform:translateY(10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.fade-out-2s{animation:fadeOut 2s ease-in-out forwards}.stars-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;pointer-events:none;z-index:10000;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000003}.stars-container--fade-out{animation:fadeOut .3s ease-out 1.7s forwards}@keyframes haloPulse{0%{opacity:.8;transform:translateZ(0) scale(1)}50%{opacity:0;transform:translateZ(0) scale(1.5)}to{opacity:0;transform:translateZ(0) scale(1)}}@keyframes togglePulse{0%{transform:translateZ(0) scale(1)}50%{transform:translateZ(0) scale(1.05)}to{transform:translateZ(0) scale(1)}}.privacy-toggle-halo{position:relative;overflow:visible;animation:togglePulse 2.5s ease-out infinite;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.privacy-toggle-halo:after{content:"";position:absolute;top:50%;left:50%;width:var(--toggle-width);height:var(--toggle-height);margin-top:calc(var(--toggle-height) / -2);margin-left:calc(var(--toggle-width) / -2);border-radius:var(--toggle-radius);background:color-mix(in srgb,var(--current-color) 30%,transparent);border:2px solid color-mix(in srgb,var(--current-color) 60%,transparent);animation:haloPulse 2.5s ease-out infinite;pointer-events:none;z-index:0;will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}@keyframes buttonPulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.05)}}.logo-container{align-items:center;gap:var(--sm);padding:var(--xs) var(--md);transition:all var(--transition-fast);position:relative;pointer-events:auto}.logo-content{display:flex;flex-direction:column;align-items:center;gap:var(--xs)}.logo-text{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.5px;line-height:1;margin:0}.logo-text[data-size=sm]{font-size:var(--text-lg)}.logo-text[data-size=md]{font-size:var(--text-xl)}.logo-text[data-size=lg]{font-size:var(--text-2xl)}.logo-text[data-size="2xl"]{font-size:64px}.logo-badge{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow);text-transform:uppercase;letter-spacing:.5px;padding:var(--xs) var(--xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;width:100%;text-align:center;background:var(--current-color);color:var(--bg)}.logo-container{animation:logoFadeIn var(--transition-medium) ease-out}.logo-container *{transition:transform var(--transition-fast),opacity var(--transition-fast)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.empty-state{background:var(--surface);border-radius:var(--radius-lg);padding:var(--xl);text-align:center;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:100%}.empty-icon{font-size:48px;margin-bottom:var(--md)}.empty-title{font-size:var(--text-lg);font-weight:600;color:var(--text);margin:0 0 var(--sm) 0}.empty-description{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.5}.empty-state-icon{font-size:48px;margin-bottom:var(--md);opacity:.6}.empty-state-text{font-size:var(--text-md);font-weight:500;color:var(--text);margin-bottom:var(--xs)}.empty-state-subtext{font-size:var(--text-sm);color:var(--text-muted);opacity:.8}.text-white{color:var(--white)}.width-full{width:100%}.flex-shrink-0{flex-shrink:0}.friends-list-xs{display:flex;flex-direction:column;gap:var(--xs)}.filterbar-overlay{position:fixed;top:70px;left:50%;transform:translate(-50%);width:90vw;z-index:var(--z-index-modal);opacity:0;transform:translate(-50%) translateY(-10px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.filterbar-overlay.filterbar-overlay--visible:not(.filterbar-overlay--hidden){opacity:1;transform:translate(-50%)}.filterbar-overlay.filterbar-overlay--hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(-10px)}.filterbar{display:block;align-items:center;margin-top:10px;background:var(--bg, #f9fafb);border-radius:12px;box-shadow:0 1px 4px #0000000d;opacity:.8;transition:padding var(--transition-fast),opacity var(--transition-fast)}.filterbar:focus-within,.filterbar:hover{opacity:1}.filterbar__query{width:100%;display:flex;flex-direction:column;gap:.5rem}.filterbar__query .filter-chips{margin-top:0}.filterbar__expandable{overflow:hidden;transition:max-height var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}.filterbar--collapsed{padding:.35rem}.filterbar--collapsed .filterbar__expandable{max-height:0;opacity:0;transform:translateY(-6px);pointer-events:none}.filterbar input[type=search]{width:100%;min-height:38px;padding:var(--sm) var(--md);border:1px solid var(--border);border-style:solid;border-radius:var(--radius);background:#fff;color:var(--text);font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;box-shadow:none}.filterbar input[type=search]:focus{border-color:var(--current-color);border-style:solid;box-shadow:0 0 0 3px var(--current-color-10)}.filterbar input[type=search]:hover:not(:focus){border-color:var(--border)}.filterbar .filter-reset{min-height:38px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);transition:border-color var(--transition-fast),background var(--transition-fast);outline:none}.filterbar .filter-reset:hover{background:#f3f4f6;border-color:var(--border)}.filterbar .filter-reset:focus{border-color:var(--current-color);box-shadow:0 0 0 3px var(--current-color-10)}.filter-chips{grid-column:1 / -1;display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.filter-chip{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;padding:.3rem .6rem;border-radius:999px;background:var(--current-color-10);color:var(--current-color);border:1px solid var(--current-color-10);user-select:none}.filter-chip button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;width:16px;height:16px;border-radius:999px;background:var(--current-color-10);color:var(--current-color);line-height:1;transition:background var(--transition-fast)}.filter-chip button:hover{background:var(--current-color-10)}.filterbar-tag-option{display:flex;justify-content:space-between;align-items:center;width:100%}.filterbar-tag-count{font-size:.75rem;color:#666;margin-left:8px;font-weight:400}.date-range-picker{background:transparent;padding:var(--md);width:100%}.date-range-picker__checkbox{padding:var(--sm) var(--md);border-bottom:var(--border-width-thin) solid var(--border);margin-bottom:var(--sm)}.date-range-picker__checkbox-label{display:flex;align-items:center;gap:var(--sm);cursor:pointer;user-select:none}.date-range-picker__checkbox-input{width:var(--input-checkbox-size);height:var(--input-checkbox-size);cursor:pointer;accent-color:var(--current-color)}.date-range-picker__checkbox-text{font-size:var(--text-sm);color:var(--text);line-height:1.4}.date-range-picker .rdp{--rdp-cell-size: 36px;--rdp-accent-color: var(--current-color);--rdp-background-color: var(--current-color-10);margin:0}.date-range-picker .rdp-caption{display:flex;justify-content:center;padding:var(--sm) 0;font-weight:600;color:var(--text)}.date-range-picker .rdp-day{border-radius:50%;transition:background var(--transition-fast)}.date-range-picker .rdp-day:hover:not(.rdp-day_disabled){background:var(--current-color-10)}.date-range-picker .rdp-day_selected{background:var(--current-color);color:#fff}.date-range-picker .rdp-day_disabled{opacity:.3;cursor:not-allowed}@media (max-width: 640px){.date-range-picker{padding:var(--sm)}.date-range-picker .rdp{--rdp-cell-size: 32px}}.dashboard-page{width:100%;height:100%;padding:var(--lg);overflow-y:auto;background:var(--bg)}.analytics-container{width:100%;max-width:1400px;margin:0 auto;padding:var(--lg);background:var(--bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--xl);padding-bottom:var(--md);border-bottom:2px solid var(--border)}.analytics-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text);margin:0}.analytics-header-actions{display:flex;gap:var(--sm)}.analytics-btn-secondary,.analytics-btn-danger,.analytics-btn-close{padding:var(--sm) var(--md);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s}.analytics-btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary)}.analytics-btn-active{background:var(--primary)!important;color:var(--white)!important;border-color:var(--primary)!important}.analytics-btn-active:hover{background:var(--primary-hover)!important}.analytics-btn-danger:hover{background:var(--error-light);border-color:var(--error);color:var(--error)}.analytics-btn-close{background:transparent;border:none;font-size:var(--text-lg);padding:var(--xs);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.analytics-btn-close:hover{background:var(--bg-hover);border-radius:var(--radius-full)}.analytics-loading{text-align:center;padding:var(--xl);color:var(--text-muted)}.analytics-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--md);margin-bottom:var(--xl)}.analytics-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--md);text-align:center;box-shadow:var(--shadow)}.analytics-stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.analytics-stat-value{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--text);display:block}.analytics-stat-percent{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--xs)}.analytics-stat-card.analytics-stat-success .analytics-stat-value{color:var(--success)}.analytics-stat-card.analytics-stat-error .analytics-stat-value{color:var(--error)}.analytics-section{margin-bottom:var(--xl)}.analytics-section-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text);margin-bottom:var(--md);padding-bottom:var(--sm);border-bottom:1px solid var(--border)}.analytics-providers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--md)}.analytics-provider-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius);padding:var(--md);cursor:pointer;transition:all .2s;box-shadow:var(--shadow)}.analytics-provider-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.analytics-provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--md)}.analytics-provider-name{font-size:var(--text-md);font-weight:var(--font-weight-bold);color:var(--text)}.analytics-provider-badge{background:var(--primary);color:var(--white);padding:var(--xs) var(--sm);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-weight-bold);min-width:32px;text-align:center}.analytics-provider-stats{display:flex;flex-direction:column;gap:var(--xs)}.analytics-provider-stat{display:flex;justify-content:space-between;font-size:var(--text-sm)}.analytics-provider-stat-label{color:var(--text-muted)}.analytics-provider-stat-value{font-weight:var(--font-weight-semibold);color:var(--text)}.analytics-provider-stat-value.analytics-success{color:var(--success)}.analytics-provider-stat-value.analytics-error{color:var(--error)}.analytics-provider-last{margin-top:var(--md);padding-top:var(--md);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-secondary)}.analytics-history-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.analytics-history-table{width:100%;border-collapse:collapse}.analytics-history-table thead{background:var(--bg);border-bottom:2px solid var(--border)}.analytics-history-table th{padding:var(--md);text-align:left;font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--text);text-transform:uppercase;letter-spacing:.5px}.analytics-history-table tbody tr{border-bottom:1px solid var(--border);transition:background .2s}.analytics-history-table tbody tr:hover{background:var(--bg-hover)}.analytics-history-table td{padding:var(--md);font-size:var(--text-sm);color:var(--text)}.analytics-history-provider{display:inline-block;padding:var(--xs) var(--sm);border-radius:var(--radius-sm);color:var(--white);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.analytics-history-endpoint{font-family:Monaco,Menlo,monospace;font-size:var(--text-xs);color:var(--text-secondary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-status-success{font-size:var(--text-md)}.analytics-status-error{font-size:var(--text-md);cursor:help}.analytics-empty{padding:var(--xl);text-align:center;color:var(--text-muted);font-style:italic}.analytics-comparison-controls{margin-bottom:var(--lg);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--md);box-shadow:var(--shadow)}.analytics-input-group{display:flex;flex-direction:column;gap:var(--sm)}.analytics-input-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--text)}.analytics-input-row{display:flex;gap:var(--sm);align-items:center}.analytics-input{padding:var(--sm) var(--md);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);background:var(--surface);color:var(--text);flex:1;min-width:120px}.analytics-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3b82f61a}.analytics-input-note{flex:2}.analytics-btn-primary{padding:var(--sm) var(--md);border:none;border-radius:var(--radius);background:var(--primary);color:var(--white);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s;white-space:nowrap}.analytics-btn-primary:hover:not(:disabled){background:var(--primary-hover)}.analytics-btn-primary:disabled{opacity:.5;cursor:not-allowed}.analytics-comparison-chart-container{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--md);box-shadow:var(--shadow);margin-bottom:var(--lg)}.analytics-comparison-chart{width:100%;height:400px;margin-bottom:var(--md)}.analytics-comparison-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:var(--xs)}.analytics-comparison-bars{width:100%;display:flex;gap:2px;align-items:flex-end;height:100%;position:relative}.analytics-comparison-bar{flex:1;min-height:2px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:all .2s}.analytics-comparison-bar-positive{background:var(--success)}.analytics-comparison-bar-negative{background:var(--error)}.analytics-comparison-bar-zero{background:var(--text-tertiary)}.analytics-comparison-bar-no-data{background:var(--border)}.analytics-comparison-bar:hover{opacity:.8}.analytics-comparison-label{text-align:center;font-size:var(--text-xs);color:var(--text-secondary)}.analytics-comparison-date{font-weight:var(--font-weight-semibold);margin-bottom:var(--xs)}.analytics-comparison-values{display:flex;align-items:center;justify-content:center;gap:var(--xs)}.analytics-comparison-value-tracked{color:var(--primary);font-weight:var(--font-weight-semibold)}.analytics-comparison-value-reference,.analytics-comparison-value-positive{color:var(--success);font-weight:var(--font-weight-semibold)}.analytics-comparison-value-negative{color:var(--error);font-weight:var(--font-weight-semibold)}.analytics-comparison-value-zero{color:var(--text-secondary);font-weight:var(--font-weight-semibold)}.analytics-comparison-value-no-data{color:var(--text-tertiary);font-style:italic}.analytics-comparison-legend{display:flex;flex-direction:column;gap:var(--sm);align-items:center;padding-top:var(--md);border-top:1px solid var(--border)}.analytics-legend-note{margin-top:var(--xs);color:var(--text-secondary);font-size:var(--text-xs);font-style:italic}.analytics-comparison-legend>div:not(.analytics-legend-note){display:flex;gap:var(--sm);align-items:center}.analytics-legend-item{display:flex;align-items:center;gap:var(--sm);font-size:var(--text-sm);color:var(--text)}.analytics-legend-color{width:16px;height:16px;border-radius:var(--radius-sm)}.analytics-legend-positive{background:var(--success)}.analytics-legend-negative{background:var(--error)}.analytics-legend-zero{background:var(--text-tertiary)}.analytics-references-list{margin-top:var(--lg)}.analytics-references-title{font-size:var(--text-md);font-weight:var(--font-weight-bold);color:var(--text);margin-bottom:var(--md)}.analytics-reference-value{font-weight:var(--font-weight-semibold);color:var(--success)}.analytics-reference-tracked{font-weight:var(--font-weight-semibold);color:var(--primary)}.analytics-reference-diff{font-weight:var(--font-weight-semibold);color:var(--warning)}.analytics-reference-note{color:var(--text-secondary);font-style:italic}@media (max-width: 1200px){.analytics-stats-grid,.analytics-providers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.analytics-container{padding:var(--md)}.analytics-stats-grid,.analytics-providers-grid{grid-template-columns:1fr}.analytics-header{flex-direction:column;align-items:flex-start;gap:var(--md)}.analytics-header-actions{width:100%;justify-content:flex-end}}