:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-heading: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-secondary: "Source Sans 3", ui-sans-serif, system-ui, sans-serif;--type-display-size: clamp(36px, 5vw, 52px);--type-display-line: 1.08;--type-display-tracking: -.025em;--type-display-weight: 700;--type-heading-size: 26px;--type-heading-line: 32px;--type-heading-tracking: -.018em;--type-heading-weight: 700;--type-title-size: 20px;--type-title-line: 28px;--type-title-tracking: 0;--type-title-weight: 700;--type-label-size: 14px;--type-label-line: 20px;--type-label-weight: 700;--type-body-size: 16px;--type-body-line: 24px;--type-body-sm-size: 14px;--type-body-sm-line: 20px;--type-caption-size: 12px;--type-caption-line: 16px;--color-bg-primary: #f8fbff;--color-bg-secondary: #eef4fa;--color-surface-primary: #ffffff;--color-surface-secondary: #f5f7fa;--color-surface-elevated: #ffffff;--color-surface-muted: #edf8ff;--color-border-subtle: #d8e3ef;--color-border-default: #bfd0e2;--color-border-strong: #7898b8;--color-text-primary: #222c3b;--color-text-body: #31445b;--color-text-secondary: #384f6c;--color-text-muted: #577ba0;--color-text-disabled: #a7bcd2;--color-text-inverse: #ffffff;--color-brand-primary: #0f52ba;--color-brand-primary-hover: #1368e8;--color-brand-primary-pressed: #09316e;--color-brand-primary-soft: #edf8ff;--color-brand-primary-soft-strong: #b9e3ff;--color-accent: #00b4d8;--color-accent-hover: #0096b4;--color-accent-pressed: #007a8f;--color-accent-event: #f3d851;--color-accent-event-hover: #edc222;--color-accent-event-pressed: #d5a800;--color-accent-event-foreground: #222c3b;--color-success: #16a34a;--color-success-hover: #15803d;--color-success-soft: #f0fdf4;--color-success-border: #bbf7d0;--color-success-text: #14532d;--color-success-foreground: #ffffff;--color-danger: #ba230f;--color-danger-hover: #a01d0a;--color-danger-soft: #fff3f1;--color-danger-text: #4a0d05;--color-warning: #c87907;--color-warning-soft: #fff8e6;--color-info: #1368e8;--color-info-soft: #edf8ff;--color-focus-ring: rgba(19, 104, 232, .22);--color-brand: var(--color-brand-primary);--color-brand-light: var(--color-brand-primary-hover);--color-brand-bg: var(--color-brand-primary-soft);--color-text-1: var(--color-text-primary);--color-text-2: var(--color-text-secondary);--color-text-3: var(--color-text-muted);--color-surface: var(--color-surface-primary);--color-surface-2: var(--color-surface-secondary);--color-surface-3: var(--color-bg-secondary);--color-border: var(--color-border-default);--color-sidebar-bg: #0b3585;--color-sidebar-text: #e8f1ff;--color-sidebar-text-muted: #93b4e8;--color-sidebar-active: rgba(255, 255, 255, .15);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgb(10 25 49 / .05);--shadow-sm: 0 2px 6px rgb(10 25 49 / .08);--shadow-md: 0 12px 32px rgb(10 25 49 / .09);--shadow-lg: 0 20px 48px rgb(10 25 49 / .14);--shadow-low: var(--shadow-xs);--shadow-medium: var(--shadow-md);--shadow-high: var(--shadow-lg);--duration-fast: 75ms;--duration-pressed: .1s;--duration-medium: .2s;--duration-slow: .3s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--transition-fast: var(--duration-medium);--transition-base: var(--duration-slow);--transition-slow: .4s;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--z-base: 0;--z-sticky-nav: 100;--z-popover: 1000;--z-sheet: 1100;--z-toast: 1200;--z-skip-link: 9999;--header-height: 78px;--sidebar-width: 258px;--panel-width: 296px;--bottom-nav-height: 68px;--content-max-width: 1180px;--container: 1180px}[data-theme=dark]{color-scheme:dark;--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-surface-primary: #0f172a;--color-surface-secondary: #1e293b;--color-surface-elevated: #1e293b;--color-surface-muted: #1e3a6e;--color-border-subtle: #334155;--color-border-default: #475569;--color-border-strong: #64748b;--color-text-primary: #f1f5f9;--color-text-body: #e2e8f0;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-disabled: #64748b;--color-text-inverse: #0f172a;--color-brand-primary-soft: #1e3a6e;--color-brand-primary-soft-strong: #3d5fa8;--shadow-xs: 0 1px 2px rgb(0 0 0 / .25);--shadow-sm: 0 2px 6px rgb(0 0 0 / .3);--shadow-md: 0 12px 32px rgb(0 0 0 / .28);--shadow-lg: 0 20px 48px rgb(0 0 0 / .34)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:600;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.btn-sm{padding:6px 12px;font-size:var(--text-sm)}.btn-md{padding:10px 18px;font-size:var(--text-base)}.btn-lg{padding:14px 24px;font-size:var(--text-md)}.btn-primary{background:var(--color-brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-brand-light)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-ghost{background:transparent;color:var(--color-text-2)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-3);color:var(--color-text-1)}.btn-outline{background:transparent;color:var(--color-brand);border:1.5px solid var(--color-brand)}.btn-outline:hover:not(:disabled){background:var(--color-brand-bg)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-2)}.input-wrapper{position:relative;display:flex;align-items:center}.input-field{width:100%;padding:10px var(--space-3);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--color-text-1);transition:border-color var(--transition-fast);outline:none}.input-field:focus{border-color:var(--color-brand)}.input-field--error,.input-wrapper--error .input-field{border-color:var(--color-danger)}.input-field--leading{padding-left:40px}.input-field--trailing{padding-right:40px}.input-leading{position:absolute;left:var(--space-3);color:var(--color-text-3)}.input-trailing{position:absolute;right:var(--space-3);color:var(--color-text-3)}.input-error{font-size:var(--text-xs);color:var(--color-danger)}.input-hint{font-size:var(--text-xs);color:var(--color-text-3)}.input-textarea{min-height:96px;resize:vertical;align-items:flex-start}.avatar{position:relative;flex-shrink:0}.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600}.avatar--xs{width:24px;height:24px}.avatar--sm{width:32px;height:32px}.avatar--md{width:40px;height:40px}.avatar--lg{width:48px;height:48px}.avatar--xl{width:64px;height:64px}.avatar-text--xs{font-size:10px}.avatar-text--sm{font-size:12px}.avatar-text--md{font-size:14px}.avatar-text--lg{font-size:16px}.avatar-text--xl{font-size:22px}.avatar-status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-surface)}.avatar-status--online{background:var(--color-success)}.avatar-status--offline{background:var(--color-text-3)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.badge-default{background:var(--color-surface-3);color:var(--color-text-2)}.badge-brand{background:var(--color-brand-bg);color:var(--color-brand)}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef9c3;color:#854d0e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-outline{background:transparent;color:var(--color-text-2);border:1px solid var(--color-border)}[data-theme=dark] .badge-success{background:#14532d;color:#86efac}[data-theme=dark] .badge-warning{background:#713f12;color:#fde68a}[data-theme=dark] .badge-danger{background:#7f1d1d;color:#fca5a5}.dialog{background:var(--color-surface);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:0;max-height:calc(100dvh - 48px);overflow:hidden}.dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog--sm{width:min(400px,calc(100vw - 32px))}.dialog--md{width:min(520px,calc(100vw - 32px))}.dialog--lg{width:min(720px,calc(100vw - 32px))}.dialog-inner{display:flex;flex-direction:column;max-height:calc(100dvh - 48px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.dialog-title{font-size:var(--text-lg);font-weight:700}.dialog-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--color-text-3);transition:background-color var(--transition-fast),color var(--transition-fast)}.dialog-close:hover{background:var(--color-surface-3);color:var(--color-text-1)}.dialog-body{padding:var(--space-6);overflow-y:auto}.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--color-surface) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav-inner{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:78px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:var(--color-text-1)}.brand-logo-img{height:40px;width:auto;object-fit:contain;flex-shrink:0}.brand-name{font-family:var(--font-heading);font-weight:800;font-size:19px;letter-spacing:-.01em;color:var(--color-text-1)}.global-discovery{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.global-search-field{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid var(--color-border);border-radius:9999px;background:var(--color-surface);box-shadow:0 1px 4px #0a19310f;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.global-search-field:focus-within{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 14%,transparent)}.global-search-field .search-icon{color:var(--color-brand);flex-shrink:0}.global-search-field input{flex:1;min-width:0;border:0;background:transparent;color:var(--color-text-1);font-size:var(--text-sm);padding:0}.global-search-field input:focus-visible{outline:none;box-shadow:none}.global-search-field input::placeholder{color:var(--color-text-3)}.global-search-clear{width:24px;min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9999px;color:var(--color-text-3);background:transparent;font-size:16px;line-height:1;padding:0;cursor:pointer}.global-search-clear:hover{color:var(--color-brand);background:var(--color-brand-bg)}.global-search-submit{flex-shrink:0}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}@media(max-width:640px){.nav-inner{min-height:62px;gap:10px}.global-search-submit{display:none}.global-discovery{grid-template-columns:1fr}.brand-name{font-size:17px}}.search-field{display:flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.header-auth-btns{display:none;gap:var(--space-2)}@media(min-width:480px){.header-auth-btns{display:flex}}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--color-text-2);transition:background-color var(--transition-fast),color var(--transition-fast)}.icon-btn:hover{background:var(--color-surface-3);color:var(--color-text-1)}.user-menu{position:relative}.user-menu-trigger{border-radius:50%;transition:ring var(--transition-fast)}.user-menu-trigger:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;z-index:100}.user-menu-header{padding:var(--space-3) var(--space-4)}.user-menu-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text-1)}.user-menu-email{font-size:var(--text-xs);color:var(--color-text-3)}.user-menu-divider{height:1px;background:var(--color-border)}.user-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:10px var(--space-4);font-size:var(--text-sm);color:var(--color-text-2);transition:background var(--transition-fast),color var(--transition-fast);text-align:left}.user-menu-item:hover{background:var(--color-surface-3);color:var(--color-text-1);text-decoration:none}.user-menu-item--danger{color:var(--color-danger)}.user-menu-item--danger:hover{background:#fee2e2;color:#991b1b}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-around;z-index:50;padding:0 var(--space-2)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;height:100%;font-size:10px;font-weight:500;color:var(--color-text-3);transition:color var(--transition-fast);text-decoration:none}.bottom-nav-item--active,.bottom-nav-item--create{color:var(--color-brand)}.category-tabs{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-3) 0;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{display:flex;align-items:center;gap:var(--space-1);padding:6px var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;white-space:nowrap;background:var(--color-surface-3);color:var(--color-text-2);transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.category-tab:hover{background:var(--color-border);color:var(--color-text-1)}.category-tab--active{background:var(--color-brand);color:#fff}.category-tab-icon{font-size:14px}.toast{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm)}.toast--success{border-left:3px solid var(--color-success)}.toast--error{border-left:3px solid var(--color-danger)}.toast--info{border-left:3px solid var(--color-brand)}.toast-icon{flex-shrink:0;margin-top:1px}.toast--success .toast-icon{color:var(--color-success)}.toast--error .toast-icon{color:var(--color-danger)}.toast--info .toast-icon{color:var(--color-brand)}.toast-message{flex:1;color:var(--color-text-1);line-height:var(--leading-snug)}.toast-dismiss{flex-shrink:0;margin-left:auto;color:var(--color-text-3);transition:color var(--transition-fast)}.toast-dismiss:hover{color:var(--color-text-1)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12);color:var(--color-text-3)}.loading-state--full{min-height:100dvh}.loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-brand);border-radius:50%;animation:spin .75s linear infinite}.loading-message{font-size:var(--text-sm);color:var(--color-text-3)}.skeleton{background:linear-gradient(90deg,var(--color-surface-3) 25%,var(--color-border) 50%,var(--color-surface-3) 75%);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite;border-radius:var(--radius-xs)}.skeleton-text{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-text-line{height:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center}.empty-state-icon{color:var(--color-text-3)}.empty-state-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-2)}.empty-state-description{font-size:var(--text-sm);color:var(--color-text-3);max-width:320px}.empty-state-action{margin-top:var(--space-2)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16) var(--space-6);text-align:center}.error-state-icon{color:var(--color-danger);opacity:.6}.error-state-title{font-size:var(--text-lg);font-weight:600}.error-state-message{font-size:var(--text-sm);color:var(--color-text-3);max-width:320px}.btn{border:1px solid transparent;border-radius:var(--radius-full);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary{background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-light) 100%);box-shadow:0 12px 24px #0f52ba33}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-brand-light) 0%,#5f90ff 100%)}.btn-secondary{background:var(--color-surface-3);color:var(--color-text-1)}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--color-brand-bg) 60%,white)}.btn-outline{background:color-mix(in srgb,var(--color-surface) 84%,transparent);border-color:var(--color-border)}.btn-danger{box-shadow:0 12px 24px #ef44442e}.input-field{min-height:44px;padding:11px 14px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 92%,var(--color-surface-2));box-shadow:inset 0 1px #ffffffa6}.input-field:focus{border-color:var(--color-brand-light);box-shadow:0 0 0 4px #0f52ba1f}.input-field:disabled{background:var(--color-surface-3);color:var(--color-text-3)}.input-label{letter-spacing:.01em}.avatar{border-radius:9999px;box-shadow:0 8px 18px #0a19311f}.avatar-img,.avatar-initials{border:2px solid color-mix(in srgb,var(--color-surface) 85%,transparent)}.avatar-status{width:11px;height:11px}.badge{padding:4px 10px;letter-spacing:.01em;border:1px solid transparent}.badge-brand{border-color:color-mix(in srgb,var(--color-brand-bg) 66%,white)}.badge-outline{background:color-mix(in srgb,var(--color-surface) 75%,transparent)}.dialog{border:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);background:color-mix(in srgb,var(--color-surface) 96%,white);box-shadow:0 30px 80px #0a193142}.dialog::backdrop{background:#08111f8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-header{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 98%,white) 0%,var(--color-surface) 100%)}.site-header{background:color-mix(in srgb,var(--color-surface) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);box-shadow:0 8px 24px #0a19310f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.icon-btn{width:40px;height:40px;border-radius:9999px;background:color-mix(in srgb,var(--color-surface) 84%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.icon-btn:hover{background:color-mix(in srgb,var(--color-brand-bg) 68%,white);color:var(--color-brand)}.user-menu-dropdown{border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);box-shadow:0 20px 48px #0a19312e}.user-menu-item{font-weight:500}.bottom-nav{background:color-mix(in srgb,var(--color-surface) 90%,transparent);border-top:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -10px 30px #0a19310f}.bottom-nav-item{position:relative;border-radius:16px;margin-block:8px;margin-inline:4px}.bottom-nav-item--active{color:var(--color-brand);background:var(--color-brand-bg)}.bottom-nav-item--create{width:52px;height:52px;margin-top:-8px;border-radius:18px;background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-light) 100%);color:#fff;box-shadow:0 14px 24px #0f52ba38}.bottom-nav-item--create:hover{color:#fff;transform:translateY(-2px)}.category-tabs{padding-block:var(--space-2);gap:var(--space-2)}.category-tab{min-height:38px;padding:0 14px;border:1px solid transparent;background:color-mix(in srgb,var(--color-surface) 84%,var(--color-surface-2));box-shadow:var(--shadow-xs)}.category-tab:hover{border-color:color-mix(in srgb,var(--color-border) 60%,transparent)}.category-tab--active{background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-light) 100%);box-shadow:0 12px 24px #0f52ba2e}.loading-state,.empty-state,.error-state{border-radius:var(--radius-xl)}.loading-state{background:color-mix(in srgb,var(--color-surface) 84%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);box-shadow:var(--shadow-xs)}.empty-state,.error-state{background:color-mix(in srgb,var(--color-surface) 86%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);box-shadow:var(--shadow-xs)}.toast{min-width:280px;border-radius:18px;background:color-mix(in srgb,var(--color-surface) 92%,white);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.toast--success,.toast--error,.toast--info{border-left-width:4px}.mention{color:var(--color-brand);font-weight:600}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - var(--header-height));padding:var(--space-6) var(--space-4)}.auth-page-card{width:100%;max-width:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form-title{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-2)}.auth-form-error{padding:var(--space-3) var(--space-4);background:#fee2e2;color:#991b1b;border-radius:var(--radius-sm);font-size:var(--text-sm)}[data-theme=dark] .auth-form-error{background:#7f1d1d;color:#fca5a5}.auth-form-switch{text-align:center;font-size:var(--text-sm);color:var(--color-text-2)}.auth-form-link{color:var(--color-brand);font-weight:600;cursor:pointer;background:none;border:none;font-size:inherit}.auth-form-link:hover{text-decoration:underline}.event-grid,.room-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.event-grid,.room-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.event-grid,.room-grid{grid-template-columns:repeat(3,1fr)}}.event-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--transition-base),transform var(--transition-base)}.event-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.event-card-cover-link{display:block}.event-card-cover{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--color-surface-3)}.event-card-cover--placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-3)}.event-card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.event-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.event-card-room-count{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-3)}.event-card-title{font-size:var(--text-md);font-weight:700;color:var(--color-text-1);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card-title:hover{color:var(--color-brand);text-decoration:none}.event-card-info{display:flex;flex-direction:column;gap:4px}.event-card-date,.event-card-location{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-3)}.event-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-1)}.event-card-organizer{font-size:var(--text-xs);color:var(--color-text-3)}.event-card-organizer:hover{color:var(--color-brand);text-decoration:none}.room-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);transition:box-shadow var(--transition-base)}.room-card:hover{box-shadow:var(--shadow-md)}.room-card--archived{opacity:.6}.room-card-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.room-card-title{font-size:var(--text-md);font-weight:700;color:var(--color-text-1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.room-card-title:hover{color:var(--color-brand);text-decoration:none}.room-card-event{font-size:var(--text-xs);color:var(--color-brand)}.room-card-event:hover{text-decoration:underline}.room-card-description{font-size:var(--text-sm);color:var(--color-text-2)}.room-card-meta{display:flex;gap:var(--space-4)}.room-card-meta-item{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--color-text-3)}.room-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.room-card-creator{font-size:var(--text-xs);color:var(--color-text-3)}.event-detail-cover{width:100%;max-height:320px;overflow:hidden}.event-detail-cover-img{width:100%;height:320px;object-fit:cover}.event-detail-body{padding:var(--space-6) 0}.event-detail-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-6)}.event-detail-title{font-size:var(--text-3xl);font-weight:800}.event-detail-meta{display:flex;flex-direction:column;gap:var(--space-2)}.event-detail-meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-2)}.event-detail-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.event-detail-organizer{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-2)}.event-detail-organizer:hover{color:var(--color-brand);text-decoration:none}.event-detail-organizer-logo{width:24px;height:24px;border-radius:var(--radius-xs)}.event-detail-section-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-4)}.event-detail-desc{margin-bottom:var(--space-6)}.event-detail-desc-text{font-size:var(--text-base);color:var(--color-text-2);line-height:var(--leading-relaxed);white-space:pre-line}.event-detail-desc-text--collapsed{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.event-detail-expand-btn{display:flex;align-items:center;gap:4px;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-brand);cursor:pointer}.event-room-list{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.event-room-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.event-room-list-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--color-brand-bg);color:var(--color-brand);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;margin-left:var(--space-2)}.event-room-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:768px){.event-room-grid{grid-template-columns:repeat(2,1fr)}}.room-shell{display:flex;flex-direction:column;height:calc(100dvh - var(--header-height));overflow:hidden}.room-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.room-header-info{flex:1;min-width:0}.room-header-title{font-size:var(--text-md);font-weight:700;truncate:true}.room-header-meta{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--color-text-3)}.room-header-sep{color:var(--color-border)}.room-header-event{color:var(--color-brand)}.room-header-event:hover{text-decoration:underline}.room-header-actions{display:flex;align-items:center;gap:var(--space-2)}.room-tabs{display:flex;background:var(--color-surface-2);border-bottom:1px solid var(--color-border);flex-shrink:0}.room-tab{display:flex;align-items:center;gap:6px;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-2);border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast);flex:1;justify-content:center}.room-tab:hover{color:var(--color-text-1)}.room-tab--active{color:var(--color-brand);border-bottom-color:var(--color-brand)}.room-tab-content{flex:1;overflow:hidden}.room-menu-wrapper{position:relative}.room-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden}.room-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:10px var(--space-4);font-size:var(--text-sm);color:var(--color-text-2);text-align:left;transition:background var(--transition-fast),color var(--transition-fast)}.room-menu-item:hover{background:var(--color-surface-3);color:var(--color-text-1);text-decoration:none}.room-menu-item--danger{color:var(--color-danger)}.room-menu-item--danger:hover{background:#fee2e2}.room-members-panel{padding:var(--space-4);overflow-y:auto;height:100%}.room-member-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.room-member-info{flex:1;display:flex;align-items:center;gap:var(--space-2)}.room-member-name{font-size:var(--text-sm);font-weight:500}.room-member-remove{color:var(--color-text-3);transition:color var(--transition-fast)}.room-member-remove:hover{color:var(--color-danger)}.room-info-panel{padding:var(--space-4);overflow-y:auto;height:100%;display:flex;flex-direction:column;gap:var(--space-4)}.room-info-description{font-size:var(--text-sm);color:var(--color-text-2);line-height:var(--leading-relaxed)}.room-info-event{display:flex;flex-direction:column;gap:4px}.room-info-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-3);text-transform:uppercase;letter-spacing:.05em}.room-info-event-link{font-size:var(--text-sm);color:var(--color-brand)}.room-info-event-link:hover{text-decoration:underline}.room-info-row{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm)}.room-archived-notice{padding:var(--space-3) var(--space-4);background:var(--color-surface-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-2)}.chat-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.ws-error-banner{padding:var(--space-2) var(--space-4);background:#fee2e2;color:#991b1b;font-size:var(--text-xs);text-align:center;flex-shrink:0}.ws-status-bar{padding:4px var(--space-4);font-size:var(--text-xs);text-align:center;flex-shrink:0}.ws-status-bar--connecting{background:var(--color-surface-3);color:var(--color-text-3)}.chat-panel-composer{flex-shrink:0;border-top:1px solid var(--color-border)}.chat-panel-guest-prompt{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.chat-panel-guest-text{font-size:var(--text-sm);color:var(--color-text-2)}.message-timeline{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.message-timeline-load-more{display:flex;justify-content:center;padding:var(--space-2) 0;margin-bottom:var(--space-2)}.room-archived-banner{text-align:center;padding:var(--space-3) var(--space-4);background:var(--color-surface-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-2);margin-top:var(--space-2)}.message-bubble{display:flex;gap:var(--space-2);align-items:flex-end;padding:2px 0;animation:fadeIn var(--transition-fast) ease forwards}.message-bubble--own{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.message-content{display:flex;flex-direction:column;gap:2px;max-width:min(400px,75%)}.message-bubble--own .message-content{align-items:flex-end}.message-sender{font-size:var(--text-xs);font-weight:600;color:var(--color-text-2);padding-left:2px}.message-body{background:var(--color-surface-3);border-radius:var(--radius-md) var(--radius-md) var(--radius-md) 4px;padding:var(--space-2) var(--space-3);max-width:100%}.message-body--own{background:var(--color-brand);color:#fff;border-radius:var(--radius-md) var(--radius-md) 4px var(--radius-md)}.message-text{font-size:var(--text-base);line-height:var(--leading-relaxed);word-break:break-word}.message-text--system{font-size:var(--text-xs);color:var(--color-text-3);font-style:italic}.message-image{max-width:240px;border-radius:var(--radius-sm)}.message-time{font-size:11px;color:var(--color-text-3);padding-inline:2px}.message-time--own{color:#ffffffb3}.message-composer{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface)}.composer-action{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-3);transition:color var(--transition-fast),background var(--transition-fast)}.composer-action:hover:not(:disabled){color:var(--color-text-1);background:var(--color-surface-3)}.composer-action:disabled{opacity:.4}.composer-input-wrapper{flex:1}.composer-input{width:100%;min-height:38px;max-height:120px;padding:8px var(--space-3);background:var(--color-surface-3);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--color-text-1);resize:none;outline:none;transition:border-color var(--transition-fast);line-height:var(--leading-normal)}.composer-input:focus{border-color:var(--color-brand);background:var(--color-surface)}.composer-input:disabled{opacity:.5;cursor:not-allowed}.composer-send{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-text-3);transition:all var(--transition-fast)}.composer-send--active{color:var(--color-brand)}.composer-send:hover:not(:disabled){background:var(--color-brand-bg)}.composer-send:disabled{opacity:.4}.typing-indicator{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0}.typing-dots{display:flex;gap:3px}.typing-dot{width:6px;height:6px;border-radius:50%;background:var(--color-text-3);animation:bounce .8s ease infinite}.typing-label{font-size:var(--text-xs);color:var(--color-text-3)}.onboarding-page{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - var(--header-height));padding:var(--space-6) var(--space-4)}.onboarding-card{width:100%;max-width:600px}.onboarding-header{text-align:center;margin-bottom:var(--space-8)}.onboarding-title{font-size:var(--text-3xl);font-weight:800}.onboarding-subtitle{font-size:var(--text-md);color:var(--color-text-2);margin-top:var(--space-2)}.interest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}@media(min-width:480px){.interest-grid{grid-template-columns:repeat(4,1fr)}}.interest-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}.interest-card:hover{border-color:var(--color-brand-light);background:var(--color-brand-bg)}.interest-card--selected{border-color:var(--color-brand);background:var(--color-brand-bg)}.interest-card-icon{font-size:28px}.interest-card-name{font-size:var(--text-xs);font-weight:600;text-align:center}.interest-picker-actions{display:flex;flex-direction:column;gap:var(--space-3)}.interest-skip{text-align:center;font-size:var(--text-sm);color:var(--color-text-3);cursor:pointer;background:none;border:none}.interest-skip:hover{color:var(--color-text-2)}.home-hero{background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-light) 100%);color:#fff;padding:var(--space-16) var(--space-4);text-align:center}.home-hero-title{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800;max-width:600px;margin-inline:auto;line-height:var(--leading-tight)}.home-hero-subtitle{font-size:var(--text-md);opacity:.85;margin-top:var(--space-4);margin-bottom:var(--space-8)}.home-hero-ctas{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.home-categories{padding-top:var(--space-6)}.home-feed{padding-top:var(--space-6);padding-bottom:var(--space-12);display:flex;flex-direction:column;gap:var(--space-12)}.home-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.home-section-title{font-size:var(--text-xl);font-weight:800}.home-section-more{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);color:var(--color-brand);font-weight:500}.home-section-empty{font-size:var(--text-sm);color:var(--color-text-3)}.page-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) 0 var(--space-4)}.page-title{font-size:var(--text-2xl);font-weight:800}.filter-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.filter-bar-controls{display:flex;gap:var(--space-2)}.sort-select{width:auto;min-width:140px}.load-more-wrapper{display:flex;justify-content:center;padding:var(--space-6) 0}.slot-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-2)}.slot-indicators{display:flex;gap:6px}.slot-dot{width:12px;height:12px;border-radius:50%;background:var(--color-border)}.slot-dot--used{background:var(--color-brand)}.my-rooms-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.form-card{max-width:560px;margin-inline:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);box-shadow:var(--shadow-md)}.form-card .page-title{margin-bottom:var(--space-4)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.create-room-form{display:flex;flex-direction:column;gap:var(--space-4)}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-option{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition-fast)}.radio-option:has(input:checked){border-color:var(--color-brand);background:var(--color-brand-bg)}.radio-hint{font-size:var(--text-xs);color:var(--color-text-3);margin-left:auto;text-align:right}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - var(--header-height));text-align:center;padding:var(--space-6)}.not-found-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.not-found-code{font-size:80px;font-weight:900;color:var(--color-border);line-height:1}.not-found-title{font-size:var(--text-2xl)}.not-found-desc{color:var(--color-text-2);max-width:300px}.organizer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.organizer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.organizer-grid{grid-template-columns:repeat(3,1fr)}}.organizer-card{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow var(--transition-base)}.organizer-card:hover{box-shadow:var(--shadow-md);text-decoration:none}.organizer-card-logo{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface-3);flex-shrink:0;display:flex;align-items:center;justify-content:center}.organizer-card-logo img{width:100%;height:100%;object-fit:cover}.organizer-card-logo-placeholder{font-size:var(--text-xl);font-weight:700;color:var(--color-text-3)}.organizer-card-body{flex:1;display:flex;flex-direction:column;gap:4px}.organizer-card-name-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.organizer-card-name{font-weight:700;color:var(--color-text-1)}.organizer-card-desc{font-size:var(--text-sm);color:var(--color-text-2)}.organizer-card-events{font-size:var(--text-xs);color:var(--color-text-3);display:flex;align-items:center;gap:4px}.user-profile-page{padding-top:var(--space-8)}.user-profile-card{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.user-profile-info{flex:1}.user-profile-name{font-size:var(--text-2xl);font-weight:800}.user-profile-stat{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-2);margin-top:4px}.organizer-profile-header{display:flex;align-items:flex-start;gap:var(--space-6);padding:var(--space-8) 0}.organizer-profile-logo{width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-3);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:800;color:var(--color-text-3);flex-shrink:0}.organizer-profile-logo img{width:100%;height:100%;object-fit:cover}.organizer-profile-info{flex:1}.organizer-profile-name-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.organizer-profile-name{font-size:var(--text-2xl);font-weight:800}.organizer-profile-desc{color:var(--color-text-2);margin-bottom:var(--space-3)}.organizer-profile-meta{display:flex;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-3)}.organizer-profile-actions{display:flex;gap:var(--space-2)}.my-profile-page,.my-settings-page{padding:var(--space-6) 0}.my-profile-card,.settings-card{max-width:560px}.my-profile-avatar-section{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.avatar-change-btn{font-size:var(--text-sm);color:var(--color-brand);cursor:pointer}.profile-form{display:flex;flex-direction:column;gap:var(--space-4)}.settings-section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.settings-section:last-of-type{border-bottom:none}.settings-section-title{font-size:var(--text-md);font-weight:700}.settings-toggle{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);cursor:pointer}.friend-request-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.friend-request-info{flex:1}.friend-request-name{font-weight:600;display:block;font-size:var(--text-sm)}.friend-request-time{font-size:var(--text-xs);color:var(--color-text-3)}.friend-request-actions{display:flex;gap:var(--space-2)}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.sk{background:linear-gradient(90deg,var(--color-surface-2) 25%,color-mix(in srgb,var(--color-surface-3) 55%,white) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:var(--radius-xs)}.sk-tag{height:22px;width:72px;border-radius:9999px}.sk-h1{height:48px;width:90%;border-radius:var(--radius-sm)}.sk-p{height:16px;width:100%;border-radius:var(--radius-xs)}.sk-btn{height:46px;width:140px;border-radius:9999px}.sk--45{width:45%}.sk--60{width:60%}.sk--70{width:70%}.sk--75{width:75%}.sk-btn--ghost{width:160px}.home-page{padding-bottom:var(--space-10)}.home-hero-shell{padding-top:clamp(var(--space-5),3vw,var(--space-7));padding-bottom:clamp(var(--space-4),2.5vw,var(--space-5))}.carousel-skeleton{position:relative;overflow:hidden;aspect-ratio:16 / 8.5;border-radius:36px;background:linear-gradient(145deg,#0d1f42,#091a35 60%,#0c1e3a);box-shadow:0 26px 60px #0a193138;display:flex;align-items:flex-end;padding:clamp(1.5rem,4vw,2.8rem)}.carousel-skeleton:before,.carousel-skeleton:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.carousel-skeleton:before{width:52vw;height:52vw;background:radial-gradient(circle,rgba(15,82,186,.38),transparent 70%);top:-22%;right:-8%}.carousel-skeleton:after{width:28vw;height:28vw;background:radial-gradient(circle,rgba(243,216,81,.14),transparent 70%);bottom:-12%;left:22%}.carousel-skeleton-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;max-width:min(520px,60%);width:100%}.carousel-skeleton .sk{background:linear-gradient(90deg,#ffffff12 25%,#ffffff26,#ffffff12 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}.carousel-skeleton-actions{display:flex;gap:12px;margin-top:6px}.home-hero-banner{position:relative;overflow:hidden;border-radius:36px;background:linear-gradient(135deg,#0d1f42,#0f2852 45%,#091525);padding:clamp(3rem,6vw,5rem) clamp(1.5rem,5vw,3.5rem);box-shadow:0 26px 60px #0a193138}.home-hero-orbs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.home-hero-orb{position:absolute;border-radius:50%}.home-hero-orb--1{width:clamp(280px,48vw,620px);height:clamp(280px,48vw,620px);background:radial-gradient(circle,rgba(15,82,186,.5),transparent 70%);top:-25%;right:-8%}.home-hero-orb--2{width:clamp(180px,30vw,400px);height:clamp(180px,30vw,400px);background:radial-gradient(circle,rgba(0,155,216,.32),transparent 70%);bottom:-20%;left:-6%}.home-hero-orb--3{width:clamp(100px,16vw,220px);height:clamp(100px,16vw,220px);background:radial-gradient(circle,rgba(243,216,81,.22),transparent 70%);top:35%;left:52%}.home-hero-banner-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-5);max-width:680px}.home-hero-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#f3d851}.home-hero-banner-title{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800;line-height:1.01;letter-spacing:-.04em;color:#fff}.home-hero-banner-sub{font-size:clamp(1rem,1.8vw,1.08rem);color:#ffffffbf;line-height:1.72;max-width:52ch}.home-hero-banner-ctas{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-2)}.btn-ghost-white{display:inline-flex;align-items:center;gap:8px;border:1.5px solid rgba(255,255,255,.28);color:#ffffffe0;background:#ffffff14;font-weight:700;font-size:var(--text-sm);border-radius:9999px;padding:0 20px;min-height:52px;text-decoration:none;transition:background .14s,border-color .14s,color .14s}.btn-ghost-white:hover{background:#ffffff26;border-color:#ffffff85;color:#fff}.home-content{display:flex;flex-direction:column;gap:clamp(var(--space-6),4vw,var(--space-8));padding-top:clamp(var(--space-6),4vw,var(--space-8))}.home-cats-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.home-cats-bar::-webkit-scrollbar{display:none}.home-feed{display:flex;flex-direction:column;gap:clamp(var(--space-8),5vw,var(--space-12))}.home-section{display:flex;flex-direction:column;gap:var(--space-4)}.home-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.home-section-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-brand);margin-bottom:4px}.home-section-title{font-size:clamp(1.35rem,2.2vw,1.75rem);font-weight:800;line-height:1.1;letter-spacing:-.025em}.home-section-more{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:700;color:var(--color-brand);white-space:nowrap}.home-section-more:hover{text-decoration:underline}.home-section-empty{color:var(--color-text-3)}.page-header{gap:var(--space-3);align-items:flex-end;padding:clamp(var(--space-4),4vw,var(--space-6)) 0 var(--space-4)}.page-title{font-size:clamp(1.6rem,3vw,2.3rem)}.filter-bar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-radius:24px;background:color-mix(in srgb,var(--color-surface) 88%,transparent);box-shadow:var(--shadow-xs);flex-wrap:wrap}.filter-bar-controls{display:flex;align-items:center;gap:var(--space-2)}.sort-select{min-width:160px}.event-grid,.room-grid,.organizer-grid{gap:clamp(var(--space-3),2vw,var(--space-4))}.event-card,.room-card,.organizer-card{position:relative;border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);background:color-mix(in srgb,var(--color-surface) 92%,white);box-shadow:var(--shadow-xs)}.event-card:hover,.room-card:hover,.organizer-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.event-card:before,.room-card:before,.organizer-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--color-brand),var(--color-accent));opacity:0;transition:opacity var(--transition-fast)}.event-card:hover:before,.room-card:hover:before,.organizer-card:hover:before{opacity:1}.event-card-body,.room-card,.organizer-card,.form-card,.my-profile-card,.settings-card,.user-profile-card,.organizer-profile-header,.venue-detail-page{border-radius:var(--radius-xl)}.event-card-body{gap:var(--space-3)}.event-card-title,.room-card-title,.organizer-card-name{transition:color var(--transition-fast)}.event-card-title:hover,.room-card-title:hover,.organizer-card-name:hover{color:var(--color-brand)}.event-card-cover,.venue-cover,.event-detail-cover-img{background:var(--color-surface-3)}.event-card-footer,.room-card-footer{gap:var(--space-3)}.event-card-cta,.room-card-cta{white-space:nowrap}.event-detail-body{padding-top:clamp(var(--space-4),4vw,var(--space-8))}.event-detail-cover{border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);box-shadow:0 20px 48px #0a19311a}.event-detail-title{font-size:clamp(2rem,4vw,3.5rem);line-height:1.02;letter-spacing:-.04em}.event-detail-desc-text{max-width:74ch}.event-room-list{margin-top:var(--space-10);padding:var(--space-6);border:1px solid color-mix(in srgb,var(--color-border) 74%,transparent);border-radius:28px;background:color-mix(in srgb,var(--color-surface) 92%,white);box-shadow:var(--shadow-xs)}.room-shell{min-height:calc(100dvh - var(--header-height));padding-bottom:var(--space-4);display:flex;flex-direction:column;gap:0}.room-header{position:sticky;top:var(--header-height);z-index:20;gap:var(--space-4);padding:var(--space-3) clamp(var(--space-4),2.5vw,var(--space-6));background:color-mix(in srgb,var(--color-surface) 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.room-header-title{font-size:clamp(1.1rem,2vw,1.35rem)}.room-header-meta{flex-wrap:wrap}.room-tabs{position:sticky;top:calc(var(--header-height) + 68px);z-index:18;margin-inline:clamp(var(--space-4),2.5vw,var(--space-6));margin-top:var(--space-4);padding:6px;border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);border-radius:9999px;background:color-mix(in srgb,var(--color-surface) 90%,transparent);box-shadow:var(--shadow-xs)}.room-tab{border-radius:9999px;min-height:42px}.room-tab--active{background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-light) 100%);color:#fff;box-shadow:0 12px 24px #0f52ba29}.room-tab-content{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) clamp(var(--space-4),2.5vw,var(--space-6));min-height:0}.room-overview-card,.room-panel-card{border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);background:color-mix(in srgb,var(--color-surface) 92%,white);border-radius:28px;box-shadow:var(--shadow-xs)}.room-overview-card{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.room-overview-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.room-overview-main{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3);align-items:flex-start}.room-overview-title{font-size:clamp(1.25rem,2vw,1.65rem)}.room-overview-description{margin-top:var(--space-2);color:var(--color-text-2);max-width:72ch;line-height:1.7}.room-overview-stat{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9999px;background:var(--color-brand-bg);color:var(--color-brand);font-weight:700}.room-overview-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);color:var(--color-text-2);font-size:var(--text-sm)}.room-overview-link{font-weight:700;color:var(--color-brand)}.room-members-panel,.room-info-panel{padding:var(--space-4);max-height:100%}.room-panel-card{overflow:hidden}.room-panel-card .room-members-panel,.room-panel-card .room-info-panel{max-height:none}.room-member-item{padding:var(--space-3) 0}.room-member-name{font-weight:600}.room-info-description{color:var(--color-text-2)}.room-archived-notice{background:var(--color-surface-3);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.chat-panel{border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);border-radius:28px;overflow:hidden;background:color-mix(in srgb,var(--color-surface) 92%,white);box-shadow:var(--shadow-xs);min-height:540px}.ws-status-bar--connecting{background:var(--color-brand-bg);color:var(--color-brand)}.message-timeline{padding:var(--space-4);background:radial-gradient(circle at top right,rgb(15 82 186 / .04),transparent 22%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 96%,white),color-mix(in srgb,var(--color-surface-2) 96%,white))}.message-bubble{gap:var(--space-3)}.message-content{gap:4px}.message-body{border:1px solid color-mix(in srgb,var(--color-border) 68%,transparent);box-shadow:0 8px 18px #0a19310d}.message-body--own{border-color:color-mix(in srgb,var(--color-brand-light) 64%,transparent);box-shadow:0 12px 24px #0f52ba2e}.message-image{max-width:min(280px,72vw);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);box-shadow:var(--shadow-sm)}.message-composer{gap:var(--space-3);padding:var(--space-3);background:color-mix(in srgb,var(--color-surface) 88%,transparent);border-top:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.composer-action,.composer-send{width:40px;height:40px;border-radius:9999px;background:color-mix(in srgb,var(--color-surface) 88%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.composer-input{min-height:44px;border-radius:18px}.typing-indicator{gap:10px}.auth-page,.onboarding-page{position:relative}.auth-page-card,.onboarding-card,.form-card,.my-profile-card,.settings-card{width:100%;background:color-mix(in srgb,var(--color-surface) 90%,white);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);box-shadow:0 18px 48px #0a193114}.auth-page-card{border-radius:28px}.form-card{gap:var(--space-5)}.my-profile-page,.my-settings-page,.create-organizer-page,.edit-organizer-page,.create-event-page,.my-bookmarks-page,.my-rooms-page,.organizers-page,.user-profile-page,.venue-detail-page{padding-bottom:var(--space-12)}@keyframes ob-fill{0%{width:0}to{width:100%}}@keyframes ob-blob{0%,to{transform:scale(1) translate(0)}33%{transform:scale(1.08) translate(2%,3%)}66%{transform:scale(.95) translate(-3%,-2%)}}@keyframes ob-ring{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes ob-step-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.ob-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#09101f;z-index:200;overflow:hidden}.ob-aurora{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ob-orb{position:absolute;border-radius:50%;filter:blur(72px);mix-blend-mode:screen;animation:ob-blob 14s ease-in-out infinite}.ob-orb--1{width:62vmax;height:62vmax;background:radial-gradient(circle,rgba(15,82,186,.55) 0%,transparent 70%);top:-24%;left:-18%;animation-duration:16s}.ob-orb--2{width:48vmax;height:48vmax;background:radial-gradient(circle,rgba(0,182,218,.4) 0%,transparent 70%);top:-10%;right:-16%;animation-duration:20s;animation-delay:-6s}.ob-orb--3{width:36vmax;height:36vmax;background:radial-gradient(circle,rgba(14,165,141,.32) 0%,transparent 70%);bottom:-18%;left:32%;animation-duration:18s;animation-delay:-3s}.ob-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:200px 200px}.ob-stage{position:relative;z-index:1;width:100%;max-width:560px;max-height:100dvh;overflow-y:auto;margin:0 auto;padding:32px 32px 40px;background:#ffffff0e;backdrop-filter:blur(26px) saturate(1.4);-webkit-backdrop-filter:blur(26px) saturate(1.4);border:1px solid rgba(255,255,255,.1);border-radius:28px;scrollbar-width:none}.ob-stage::-webkit-scrollbar{display:none}@media(max-width:600px){.ob-root{align-items:flex-end}.ob-stage{max-width:100%;border-radius:28px 28px 0 0;padding:28px 20px 36px;max-height:92dvh}}.ob-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ob-brand{display:inline-flex;align-items:center}.ob-brand-logo{height:32px;width:auto}.ob-head-actions{display:flex;align-items:center;gap:8px}.ob-theme-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff8c;background:#ffffff12;border:1px solid rgba(255,255,255,.12);transition:background .14s,color .14s}.ob-theme-btn:hover{background:#ffffff24;color:#ffffffe6}.ob-skip{font-size:13px;font-weight:600;color:#ffffff8c;background:transparent;border:0;padding:6px 4px;transition:color .14s}.ob-skip:hover{color:#ffffffd9}.ob-dots{display:flex;gap:6px;margin-bottom:28px}.ob-dot{height:6px;width:22px;border-radius:9999px;background:#fff3;transition:width .28s ease,background .28s}.ob-dot--active{width:36px;background:linear-gradient(90deg,#3b7cee,#00b4da)}.ob-dot--done{background:#ffffff73}.ob-step{display:flex;flex-direction:column;gap:0;animation:ob-step-in .36s cubic-bezier(.22,1,.36,1) both}.ob-loader{align-items:center;text-align:center;padding:32px 0}.ob-loader-mark{width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,#1a54d4,#0098c8);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px;box-shadow:0 12px 32px #0f52ba73}.ob-loader-word{font-size:clamp(2rem,6vw,3rem);font-weight:900;letter-spacing:-.05em;color:#fff;line-height:1;margin-bottom:10px}.ob-loader-tag{font-size:15px;color:#fff9;margin-bottom:36px}.ob-loader-bar{width:140px;height:4px;border-radius:9999px;background:#ffffff1f;overflow:hidden}.ob-loader-fill{height:100%;border-radius:9999px;background:linear-gradient(90deg,#3b7cee,#00b4da);animation:ob-fill 1.5s cubic-bezier(.4,0,.2,1) forwards}.ob-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7dc4f0;margin-bottom:10px}.ob-title{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800;letter-spacing:-.035em;line-height:1.1;color:#fff;margin-bottom:10px}.ob-sub{font-size:14px;line-height:1.65;color:#ffffff94;margin-bottom:28px}.ob-cards{display:flex;flex-direction:column;gap:11px;margin-bottom:28px}.ob-card{display:grid;grid-template-columns:52px 1fr 26px;align-items:center;gap:15px;padding:15px;background:#ffffff09;border:1px solid rgba(255,255,255,.09);border-radius:22px;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}.ob-card:hover{transform:translateY(-2px);border-color:#ffffff2e;background:#ffffff0f}.ob-card--on{border-color:color-mix(in srgb,var(--ob-c, #3b7cee) 65%,transparent);background:color-mix(in srgb,var(--ob-c, #3b7cee) 12%,rgba(255,255,255,.035));box-shadow:0 12px 34px color-mix(in srgb,var(--ob-c, #3b7cee) 22%,transparent)}.ob-card-icon{width:52px;height:52px;border-radius:15px;display:flex;align-items:center;justify-content:center;color:var(--ob-c, rgba(255, 255, 255, .8));background:color-mix(in srgb,var(--ob-c, #fff) 16%,transparent);flex-shrink:0;transition:background .22s,color .22s}.ob-card--on .ob-card-icon{color:#fff;background:var(--ob-c, #3b7cee)}.ob-card-tx{display:flex;flex-direction:column;gap:3px;min-width:0}.ob-card-title{display:block;font-size:1.04rem;font-weight:700;letter-spacing:-.02em;color:#ffffffe6;line-height:1.3}.ob-card-desc{display:block;font-size:.84rem;color:#ffffff80;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-card-check{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--ob-c, #3b7cee);opacity:0;transform:scale(.4);transition:opacity .22s,transform .25s;flex-shrink:0}.ob-card--on .ob-card-check{opacity:1;transform:scale(1)}.ob-card-sk{height:72px;border-radius:22px;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17,#ffffff0a 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite}.ob-field{display:flex;align-items:center;gap:12px;padding:0 16px;height:52px;background:#ffffff12;border:1.5px solid rgba(255,255,255,.14);border-radius:14px;color:#ffffff8c;margin-bottom:12px;transition:border-color .15s}.ob-field:focus-within{border-color:#3b7ceea6}.ob-field input{flex:1;background:none;border:none;outline:none;font-size:15px;color:#ffffffe6}.ob-field input::placeholder{color:#ffffff61}.ob-geo{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#7dc4f0;padding:0 14px;height:38px;border-radius:9999px;background:#00b4da1a;border:1px solid rgba(0,180,218,.25);margin-bottom:8px;transition:background .14s}.ob-geo:hover{background:#00b4da2e}.ob-geo[data-loading]{opacity:.6;pointer-events:none}.ob-geo-status{font-size:12px;margin-bottom:8px;color:#ffffff80}.ob-geo-status[data-state=success]{color:#5cead8}.ob-geo-status[data-state=error]{color:#f97373}.ob-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.ob-chip{padding:7px 16px;font-size:13px;font-weight:600;color:#ffffffa6;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.12);border-radius:9999px;transition:background .14s,border-color .14s,color .14s}.ob-chip:hover{background:#ffffff1c;color:#ffffffe6}.ob-chip--on{background:#3b7cee38;border-color:#3b7cee99;color:#79b4ff}.ob-done-ring{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#3b7cee4d,#00b4da4d);border:2px solid rgba(59,124,238,.6);display:flex;align-items:center;justify-content:center;color:#79b4ff;margin-bottom:24px;animation:ob-ring .6s cubic-bezier(.22,1,.36,1) both}.ob-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.ob-sum-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;font-size:.88rem;font-weight:600;color:#ffffffd9;background:color-mix(in srgb,var(--ob-c, #3b7cee) 12%,transparent);border:1px solid color-mix(in srgb,var(--ob-c, #3b7cee) 35%,transparent);border-radius:9999px}.ob-sum-chip svg{color:var(--ob-c, #3b7cee)}.ob-sum-chip--loc{--ob-c: #4a90ff}.ob-actions{display:flex;gap:10px;align-items:center}.ob-actions--col{flex-direction:column}.ob-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;font-size:15px;font-weight:700;border-radius:14px;border:none;cursor:pointer;transition:opacity .14s,transform .14s,background .14s;text-decoration:none;white-space:nowrap}.ob-btn:active{transform:scale(.97)}.ob-btn:disabled{opacity:.4;pointer-events:none}.ob-btn--primary{background:linear-gradient(135deg,#2460d6,#0098c8);color:#fff;width:100%;box-shadow:0 8px 24px #0f52ba66}.ob-btn--primary:hover{opacity:.88}.ob-btn--ghost{background:#ffffff12;color:#ffffffb3;border:1.5px solid rgba(255,255,255,.14)}.ob-actions--col .ob-btn--ghost{width:100%}.ob-btn--ghost:hover{background:#ffffff1f;color:#ffffffe6}.ob-linkbtn{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:13px;color:#fff6;text-decoration:underline;text-underline-offset:3px;transition:color .14s;align-self:flex-start}.ob-linkbtn:hover{color:#ffffffb3}[data-theme=light] .ob-root{background:#eef3fa}[data-theme=light] .ob-aurora{opacity:.38}[data-theme=light] .ob-orb{mix-blend-mode:multiply}[data-theme=light] .ob-grain{display:none}[data-theme=light] .ob-stage{background:#ffffffc7;border-color:#0f28501f;box-shadow:0 24px 70px #0f285024,inset 0 1px #fffc}[data-theme=light] .ob-loader-word,[data-theme=light] .ob-title{color:#1a2433}[data-theme=light] .ob-loader-tag,[data-theme=light] .ob-sub{color:#44586f}[data-theme=light] .ob-eyebrow{color:#1368e8}[data-theme=light] .ob-dot{background:#0f28501f}[data-theme=light] .ob-dot--done{background:#0f285059}[data-theme=light] .ob-loader-bar{background:#0f28501f}[data-theme=light] .ob-card{background:#0f285009;border-color:#0f28501f}[data-theme=light] .ob-card:hover{background:#0f285012;border-color:#0f285038}[data-theme=light] .ob-card-sk{background:linear-gradient(90deg,#0f28500d 25%,#0f285017,#0f28500d 75%);background-size:200% 100%}[data-theme=light] .ob-card-title{color:#1a2433}[data-theme=light] .ob-card-desc{color:#44586f}[data-theme=light] .ob-field{background:#0f28500d;border-color:#0f285024;color:#44586f}[data-theme=light] .ob-field input{color:#1a2433}[data-theme=light] .ob-field input::placeholder{color:#7898b8}[data-theme=light] .ob-geo{color:#1368e8;background:#1368e814;border-color:#1368e838}[data-theme=light] .ob-chip{color:#44586f;background:#0f28500d;border-color:#0f28501f}[data-theme=light] .ob-chip:hover{background:#0f28501a;color:#1a2433;border-color:#0f285042}[data-theme=light] .ob-sum-chip{color:#1a2433}[data-theme=light] .ob-btn--ghost{background:#0f28500f;color:#44586f;border-color:#0f285024}[data-theme=light] .ob-btn--ghost:hover{background:#0f28501a;color:#1a2433}[data-theme=light] .ob-linkbtn{color:#7898b8}[data-theme=light] .ob-linkbtn:hover{color:#44586f}[data-theme=light] .ob-skip{color:#6a7f98}[data-theme=light] .ob-skip:hover{color:#44586f}[data-theme=light] .ob-theme-btn{color:#44586f;background:#0f285012;border-color:#0f285024}[data-theme=light] .ob-geo-status{color:#7898b8}[data-theme=light] .ob-geo-status[data-state=success]{color:#16a34a}[data-theme=light] .ob-geo-status[data-state=error]{color:#ba230f}[data-theme=light] .ob-done-ring{background:#1368e81f;border-color:#1368e880;color:#1368e8}.my-profile-card,.settings-card,.user-profile-card,.organizer-profile-header,.venue-detail-page{padding:clamp(var(--space-4),3vw,var(--space-6));border-radius:28px;border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);background:color-mix(in srgb,var(--color-surface) 92%,white);box-shadow:var(--shadow-xs)}.slot-info{background:color-mix(in srgb,var(--color-surface) 88%,transparent);border-color:color-mix(in srgb,var(--color-border) 72%,transparent)}.organizer-profile-header{flex-wrap:wrap}.organizer-profile-actions{margin-left:auto;flex-wrap:wrap}.venue-detail-page{display:flex;flex-direction:column;gap:var(--space-4)}.venue-cover{border-radius:24px;box-shadow:var(--shadow-sm)}.featured-carousel{width:100%;margin:var(--space-6) auto;display:flex;flex-direction:column;gap:var(--space-4)}.featured-carousel-viewport{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-xl);background:var(--color-surface-3);box-shadow:var(--shadow-md);touch-action:pan-y}.featured-carousel-slides{position:relative;width:100%;height:100%}.featured-carousel-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--duration-medium) var(--ease-standard);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.featured-carousel-slide--active{opacity:1;z-index:10}.featured-carousel-poster{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-color:var(--color-surface-3)}.featured-carousel-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#0000004d 40%,#00000080);z-index:1}.featured-carousel-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-6);height:100%;color:#fff;font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line)}.featured-carousel-badges{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.featured-carousel-location{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);color:#fffffff2;background:#0000004d;padding:4px 8px;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:minmax(0,160px)}.featured-carousel-footer{display:flex;flex-direction:column;gap:var(--space-2)}.featured-carousel-title{font-size:clamp(1rem,4vw,1.5rem);font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-carousel-meta{display:flex;align-items:center;gap:8px;font-size:var(--text-xs);color:#ffffffd9;opacity:.9}.featured-carousel-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);pointer-events:none;z-index:3}.featured-carousel-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:#fff3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);transition:all var(--duration-fast) ease;cursor:pointer;pointer-events:auto}.featured-carousel-btn:hover{background:#ffffff4d;transform:scale(1.05)}@media(max-width:767px){.featured-carousel-btn{display:none}}.featured-carousel-dots{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4)}.featured-carousel-dot{position:relative;width:8px;height:8px;border:none;border-radius:var(--radius-full);background:var(--color-border);cursor:pointer;transition:all var(--duration-fast) ease;padding:0}.featured-carousel-dot:hover{background:color-mix(in srgb,var(--color-border) 70%,var(--color-brand))}.featured-carousel-dot--active{background:var(--color-brand);width:24px;height:8px}.featured-carousel-dot-progress{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:var(--color-brand-primary-hover);animation:slideProgress var(--duration-slow) linear forwards}@keyframes slideProgress{0%{width:0%}to{width:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.featured-carousel{margin:var(--space-4) auto;gap:var(--space-3)}.featured-carousel-viewport{aspect-ratio:9 / 12;border-radius:var(--radius-lg)}.featured-carousel-content{padding:var(--space-3)}.featured-carousel-badges{gap:4px}.featured-carousel-footer{gap:var(--space-1)}.featured-carousel-title{font-size:1rem}.featured-carousel-meta{font-size:var(--text-xs)}}.discovery-hero{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);padding:clamp(var(--space-5),4vw,var(--space-8));border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);border-radius:32px;background:radial-gradient(circle at top left,rgb(15 82 186 / .12),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--color-brand-bg) 74%,white),color-mix(in srgb,var(--color-surface) 96%,white));box-shadow:var(--shadow-sm)}.discovery-hero--compact{padding-bottom:var(--space-5)}.discovery-hero-copy{display:flex;flex-direction:column;gap:var(--space-3);max-width:72ch}.discovery-hero-kicker,.results-kicker,.helper-panel-kicker{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-brand)}.discovery-hero-kicker{padding:6px 12px;border-radius:9999px;background:color-mix(in srgb,var(--color-brand-bg) 76%,white);width:fit-content}.discovery-hero-subtitle{color:var(--color-text-2);line-height:1.7}.summary-strip{display:flex;flex-wrap:wrap;gap:var(--space-3)}.summary-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:9999px;background:color-mix(in srgb,var(--color-surface) 88%,white);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);color:var(--color-text-2);box-shadow:var(--shadow-xs)}.filter-bar--stacked{flex-direction:column;align-items:stretch}.filter-bar-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.filter-bar-row--controls{justify-content:space-between}.filter-field{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 180px;min-width:0}.filter-field--compact{flex:0 1 190px}.results-toolbar,.profile-section-header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-4)}.results-title,.profile-section-title{font-size:clamp(1.2rem,2vw,1.55rem)}.status-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:9999px;background:var(--color-brand-bg);color:var(--color-brand);font-size:var(--text-sm);font-weight:700}.active-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5)}.active-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9999px;background:color-mix(in srgb,var(--color-surface) 90%,white);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);color:var(--color-text-2);font-size:var(--text-sm)}.page-header--split{justify-content:space-between}.organizer-search{max-width:420px}.profile-section{margin-top:var(--space-8)}.user-profile-card--stacked,.settings-card--wide{display:flex;flex-direction:column;gap:var(--space-6)}.user-profile-hero{display:flex;flex-wrap:wrap;gap:var(--space-5);align-items:flex-start}.user-profile-bio{margin-top:var(--space-3);max-width:62ch;color:var(--color-text-2);line-height:1.7}.profile-summary-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.summary-card,.helper-panel{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:24px;background:color-mix(in srgb,var(--color-surface) 90%,white);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent)}.summary-card strong{font-size:clamp(1.4rem,2vw,1.8rem);line-height:1}.summary-card span,.helper-panel-copy,.report-form-copy{color:var(--color-text-2);line-height:1.6}.helper-panel{margin-bottom:var(--space-4)}.settings-card--wide{max-width:980px}.settings-toggle--card{min-height:52px;padding:12px 14px;border-radius:18px;border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);background:color-mix(in srgb,var(--color-surface) 88%,white)}.settings-toggle--card span{display:inline-flex;align-items:center;gap:8px}.segmented-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.segmented-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:9999px;background:color-mix(in srgb,var(--color-surface) 88%,white);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);color:var(--color-text-2);font-size:var(--text-sm);font-weight:600}.segmented-tab--active{background:linear-gradient(135deg,var(--color-brand) 0%,var(--color-brand-light) 100%);color:#fff;box-shadow:0 12px 24px #0f52ba2e}.segmented-tab-count{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;border-radius:9999px;background:#ffffff2e;padding:0 6px}.segmented-tab:not(.segmented-tab--active) .segmented-tab-count{background:var(--color-brand-bg);color:var(--color-brand)}.social-panel{border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);border-radius:24px;background:color-mix(in srgb,var(--color-surface) 90%,white);padding:var(--space-4)}.social-list-item{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid color-mix(in srgb,var(--color-border) 68%,transparent)}.social-list-item:last-child{border-bottom:none}.social-list-user{display:flex;align-items:center;gap:var(--space-3)}.venue-hero{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start;flex-wrap:wrap}.venue-copy{display:flex;flex-direction:column;gap:var(--space-2)}.venue-actions{display:flex;gap:var(--space-2)}.report-form{display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:767px){.results-toolbar,.profile-section-header,.venue-hero,.page-header--split{flex-direction:column}.profile-summary-grid,.settings-grid{grid-template-columns:1fr}.settings-card--wide{max-width:100%}.segmented-tab{flex:1 1 calc(50% - var(--space-2));justify-content:center}.social-list-item{flex-direction:column;align-items:stretch}.social-list-user{align-items:flex-start}}.home-login-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.event-room-list-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-brand)}.home-login-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-top:clamp(var(--space-6),4vw,var(--space-8));padding:clamp(var(--space-5),4vw,var(--space-6));border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);border-radius:32px;background:radial-gradient(circle at right top,rgb(15 82 186 / .12),transparent 28%),color-mix(in srgb,var(--color-surface) 94%,white);box-shadow:var(--shadow-xs)}.home-login-copy{display:flex;flex-direction:column;gap:var(--space-3);max-width:60ch}.featured-carousel{margin:0;gap:0}.featured-carousel-viewport{aspect-ratio:16 / 8.9;border-radius:36px;background:linear-gradient(145deg,#102349,#0f1d35);box-shadow:0 26px 60px #0a193138}.featured-carousel-slide{transition:transform var(--duration-medium) var(--ease-standard),opacity var(--duration-medium) var(--ease-standard)}.featured-carousel-scrim{background:linear-gradient(90deg,#070d19e0,#070d198a 42%,#070d1929),linear-gradient(0deg,#070d19c7,#070d1900 50%)}.featured-carousel-content{display:grid;grid-template-rows:auto 1fr;gap:var(--space-4);padding:clamp(var(--space-4),3vw,var(--space-6))}.featured-carousel-badges .badge{min-height:32px;padding-inline:14px;border-radius:9999px;background:color-mix(in srgb,rgba(255,255,255,.2) 74%,transparent);border-color:#ffffff38;color:#fff;-webkit-backdrop-filter:blur(8px) saturate(1.1);backdrop-filter:blur(8px) saturate(1.1)}.featured-carousel-footer{align-self:end;gap:var(--space-3);max-width:min(720px,100%)}.featured-carousel-title{max-width:11ch;font-size:clamp(2rem,4.2vw,3.65rem);line-height:.96;letter-spacing:-.05em;font-weight:800}.featured-carousel-mobile-meta{display:none;font-size:var(--text-sm);color:#ffffffe0}.featured-carousel-lede{max-width:58ch;color:#ffffffe0;font-size:clamp(.98rem,1.4vw,1.08rem);line-height:1.7}.featured-carousel-facts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.featured-carousel-fact{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:9999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.12);color:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.featured-carousel-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-2)}.featured-carousel-primary,.featured-carousel-secondary{min-width:0}.featured-carousel-secondary{background:#ffffff1f;border-color:#ffffff2e;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.featured-carousel-secondary:hover{background:#ffffff2e;color:#fff}.featured-carousel-btn{width:48px;height:48px;border-radius:9999px;background:#ffffff24;border-color:#ffffff3d}.featured-carousel-btn--prev{position:absolute;top:50%;left:20px;transform:translateY(-50%);z-index:4}.featured-carousel-btn--next{position:absolute;top:50%;right:20px;transform:translateY(-50%);z-index:4}.featured-carousel-dots{position:absolute;right:0;bottom:20px;left:0;z-index:4}.featured-carousel-dot{width:10px;height:10px;background:#ffffff52}.featured-carousel-dot--active{width:40px;background:#ffffff38}.featured-carousel-dot-progress{background:#fff}.event-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:var(--space-5)}.event-card{border-radius:32px;overflow:hidden;border-color:color-mix(in srgb,var(--color-border) 76%,transparent);background:color-mix(in srgb,var(--color-surface) 96%,white);box-shadow:0 18px 38px #0a193114}.event-card:before{display:none}.event-card-cover-link{position:relative;display:block}.event-card-poster{position:relative;height:clamp(280px,34vw,360px);overflow:hidden;background:linear-gradient(160deg,var(--color-surface-2) 0%,var(--color-surface-3) 100%)}.event-card-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.78) 76%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 58%,rgba(0,0,0,.78) 76%,transparent 100%)}.event-card-cover--placeholder{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--color-text-3)}.event-card-poster-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 0%,transparent 52%,rgba(255,255,255,.2) 72%,var(--color-surface) 100%);z-index:1}.event-card-poster-badges{position:absolute;top:16px;right:16px;left:16px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.event-card-status.badge{min-height:30px;padding-inline:12px;border-radius:9999px;background:color-mix(in srgb,var(--color-surface) 86%,transparent);border-color:color-mix(in srgb,var(--color-surface) 62%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 18px #0a0e1624}.event-card-category-pill,.event-detail-category-pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:min(58%,190px);padding:0 16px;border-radius:9999px;background:#0a0e16ad;border:1px solid rgba(255,255,255,.16);color:#fff;font-size:clamp(1rem,2vw,1.3rem);font-weight:800;line-height:1;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.event-card-body{position:relative;z-index:2;margin-top:-86px;padding:98px var(--space-5) var(--space-5);background:linear-gradient(180deg,#ffffff2e,color-mix(in srgb,var(--color-surface) 96%,white) 34%,color-mix(in srgb,var(--color-surface) 98%,white))}.event-card-kicker{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-3)}.event-card-kicker-separator{width:5px;height:5px;border-radius:9999px;background:color-mix(in srgb,var(--color-brand) 56%,transparent)}.event-card-title{font-size:clamp(1.25rem,2.2vw,1.55rem);line-height:1.08;letter-spacing:-.03em}.event-card-summary{color:var(--color-text-2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.event-card-fact{display:flex;align-items:flex-start;gap:8px;color:var(--color-text-2);font-size:var(--text-sm);line-height:1.45}.event-card-fact svg{color:var(--color-brand);flex-shrink:0;margin-top:2px}.event-card-footer{align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:var(--space-2)}.event-card-organizer{display:inline-flex;align-items:center;gap:10px;font-size:var(--text-sm);color:var(--color-text-2)}.event-card-organizer-logo{width:30px;height:30px;border-radius:10px;object-fit:cover;box-shadow:var(--shadow-xs)}.event-detail-page{padding-bottom:var(--space-12)}.event-detail-shell{display:flex;flex-direction:column;gap:clamp(var(--space-6),4vw,var(--space-8));padding-top:clamp(var(--space-4),3vw,var(--space-8))}.event-detail-hero{display:grid;grid-template-columns:minmax(280px,4.5fr) minmax(0,5.5fr);gap:clamp(var(--space-5),4vw,var(--space-7));align-items:start}.event-detail-poster{position:relative;aspect-ratio:4 / 5;width:100%;max-height:680px;overflow:hidden;border-radius:32px;background:linear-gradient(160deg,var(--color-surface-2) 0%,var(--color-surface-3) 100%);box-shadow:0 18px 42px #0a19311f}.event-detail-poster .event-detail-cover-img,.event-detail-cover--placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.event-detail-poster .event-detail-cover-img{object-fit:cover}.event-detail-cover--placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-3)}.event-detail-poster-scrim{position:absolute;inset:0 0 auto 0;height:42%;background:linear-gradient(180deg,#080c1457,#080c1400);z-index:1;pointer-events:none}.event-detail-poster-badges{position:absolute;top:18px;right:18px;left:18px;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.event-detail-status.badge{min-height:32px;padding-inline:14px;border-radius:9999px;background:#ffffffe0;border-color:#ffffffad;color:#0f172a;box-shadow:0 8px 18px #0a0e1624;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.event-detail-hero-info{display:grid;gap:var(--space-5);align-content:start;min-width:0}.event-detail-heading{display:grid;gap:var(--space-3)}.event-detail-topline{display:flex;flex-wrap:wrap;gap:var(--space-2)}.event-detail-topline-item{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:9999px;background:color-mix(in srgb,var(--color-brand-bg) 72%,white);color:var(--color-brand);font-size:var(--text-sm);font-weight:600}.event-detail-title{font-size:clamp(2.15rem,4vw,3.3rem);line-height:.98;letter-spacing:-.05em}.event-detail-lede{max-width:60ch;color:var(--color-text-2);font-size:clamp(1rem,1.6vw,1.08rem);line-height:1.75}.event-detail-fact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);border-radius:28px;background:color-mix(in srgb,var(--color-border) 42%,transparent);box-shadow:var(--shadow-xs)}.event-detail-fact{display:flex;align-items:flex-start;gap:12px;padding:var(--space-4);background:color-mix(in srgb,var(--color-surface) 95%,white)}.event-detail-fact-icon{display:inline-flex;color:var(--color-brand);margin-top:2px}.event-detail-fact-content{display:grid;gap:4px;min-width:0}.event-detail-fact-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-3)}.event-detail-fact-value{color:var(--color-text-1);line-height:1.55}.event-detail-fact-link{color:var(--color-brand);font-weight:600}.event-detail-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.event-detail-organizer-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);border-radius:24px;background:color-mix(in srgb,var(--color-surface) 92%,white);box-shadow:var(--shadow-xs);color:var(--color-text-1)}.event-detail-organizer-card:hover{text-decoration:none;box-shadow:var(--shadow-sm)}.event-detail-organizer-logo{width:56px;height:56px;border-radius:16px;object-fit:cover}.event-detail-organizer-copy{display:grid;gap:2px;min-width:0}.event-detail-organizer-kicker{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-3)}.event-detail-organizer-name{font-size:var(--text-lg);line-height:1.2}.event-detail-section{display:grid;gap:var(--space-4);padding:clamp(var(--space-5),4vw,var(--space-6));border:1px solid color-mix(in srgb,var(--color-border) 74%,transparent);border-radius:28px;background:color-mix(in srgb,var(--color-surface) 96%,white);box-shadow:var(--shadow-xs)}.event-detail-section-title{margin-bottom:0;font-size:clamp(1.35rem,2vw,1.65rem);line-height:1.1}.event-detail-desc-text{max-width:72ch;color:var(--color-text-2);line-height:1.8}.event-detail-expand-btn{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-top:0;font-weight:600}.event-room-list{margin-top:clamp(var(--space-8),4vw,var(--space-10));padding:clamp(var(--space-5),4vw,var(--space-6));border:1px solid color-mix(in srgb,var(--color-border) 74%,transparent);border-radius:32px;background:color-mix(in srgb,var(--color-surface) 95%,white);box-shadow:var(--shadow-xs)}.event-room-list-header{align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.event-room-list-copy{display:grid;gap:var(--space-2);max-width:60ch}.event-room-list-title-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.event-room-list-subtitle{color:var(--color-text-2);line-height:1.7}.event-room-list-actions{margin-left:auto}.event-room-list-count{min-width:28px;height:28px;padding-inline:8px;border-radius:9999px;font-size:var(--text-sm)}.room-discovery-actions{margin-left:auto}.room-card{border-radius:32px;overflow:hidden;border-color:color-mix(in srgb,var(--color-border) 76%,transparent);background:color-mix(in srgb,var(--color-surface) 96%,white);box-shadow:0 18px 38px #0a193114}.room-card:before{display:none}.room-card-shell{position:relative;display:flex;flex-direction:column;gap:var(--space-4);min-height:100%;padding:var(--space-5);background:radial-gradient(circle at top right,rgb(15 82 186 / .08),transparent 32%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface) 96%,white),color-mix(in srgb,var(--color-surface-2) 94%,white))}.room-card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.room-card-header{gap:var(--space-2)}.room-card-event-pill,.room-card-activity-pill{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border-radius:9999px;font-size:12px;font-weight:700}.room-card-event-pill{background:color-mix(in srgb,var(--color-brand-bg) 76%,white);color:var(--color-brand)}.room-card-activity-pill{background:color-mix(in srgb,var(--color-surface) 86%,white);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);color:var(--color-text-3);box-shadow:var(--shadow-xs)}.room-card-title{font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.08;letter-spacing:-.03em}.room-card-event{display:inline-flex;width:fit-content;align-items:center;min-height:32px;padding:0 12px;border-radius:9999px;background:color-mix(in srgb,var(--color-surface) 88%,white);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);color:var(--color-brand);font-size:var(--text-sm);font-weight:600}.room-card-description{color:var(--color-text-2);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.room-card-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);border-radius:24px;background:color-mix(in srgb,var(--color-border) 40%,transparent);box-shadow:var(--shadow-xs)}.room-card-stat{display:grid;gap:4px;padding:var(--space-4);background:color-mix(in srgb,var(--color-surface) 95%,white)}.room-card-stat-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-3)}.room-card-stat-value{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-1);font-weight:600}.room-card-footer{align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-top:auto}.room-card-creator-block{display:inline-flex;align-items:center;gap:10px;min-width:0}.room-card-creator-copy{display:grid;gap:2px;min-width:0}.room-card-creator-label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-3)}.room-card-creator-name{color:var(--color-text-1);font-size:var(--text-sm);font-weight:600}@media(max-width:900px){.event-detail-hero{grid-template-columns:1fr}.event-detail-poster{max-height:none}.event-detail-fact-list{grid-template-columns:1fr}}@media(max-width:640px){.home-hero-banner{border-radius:24px}.home-login-cta{border-radius:24px;align-items:flex-start;flex-direction:column}.home-login-actions,.event-detail-cta-row{width:100%}.home-login-actions .btn,.event-detail-cta-row .btn{width:100%;justify-content:center}.featured-carousel-viewport{aspect-ratio:9 / 12;border-radius:28px}.featured-carousel-content{padding:16px 16px 52px}.featured-carousel-title{max-width:12ch;font-size:clamp(1.7rem,8vw,2.4rem)}.featured-carousel-mobile-meta{display:block}.featured-carousel-lede,.featured-carousel-facts,.featured-carousel-secondary{display:none}.featured-carousel-actions{padding-top:var(--space-1)}.featured-carousel-primary{width:100%;justify-content:center}.featured-carousel-dots{bottom:14px}.event-card-poster{height:320px}.event-card-body{margin-top:-78px;padding:90px var(--space-4) var(--space-4)}.event-card-facts{grid-template-columns:1fr}.event-card-category-pill,.event-detail-category-pill{max-width:62%;min-height:40px;font-size:1rem}.room-discovery-actions,.room-card-footer,.room-card-topline{width:100%}.room-discovery-actions{margin-left:0}.room-discovery-actions .btn,.room-card-cta{width:100%;justify-content:center}.room-card-meta-grid{grid-template-columns:1fr}.event-room-list-actions{margin-left:0;width:100%}.event-room-list-actions .btn{width:100%;justify-content:center}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-1);background-color:var(--color-bg-primary);background-image:radial-gradient(ellipse 80% 40% at 50% -8%,rgba(15,82,186,.07) 0%,transparent 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--leading-tight);color:var(--color-text-1)}a{color:var(--color-brand);text-decoration:none}a:hover{text-decoration:underline}img,video,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-3)}:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px;border-radius:var(--radius-xs)}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.page-content{flex:1;padding-bottom:var(--bottom-nav-height)}@media(min-width:768px){.page-content{padding-bottom:0}}.container{width:100%;max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.container{padding-inline:var(--space-6)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes popUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease forwards}.animate-slide-up{animation:slideUp var(--transition-base) ease forwards}.animate-pop-up{animation:popUp var(--transition-fast) ease forwards}.animate-pulse{animation:pulse 2s ease infinite}.animate-spin{animation:spin 1s linear infinite}.toast-viewport{position:fixed;bottom:calc(var(--bottom-nav-height) + var(--space-4));right:var(--space-4);z-index:100;display:flex;flex-direction:column;gap:var(--space-2);max-width:360px;width:100%;pointer-events:none}@media(min-width:768px){.toast-viewport{bottom:var(--space-6);right:var(--space-6)}}html{background:radial-gradient(circle at top left,rgb(15 82 186 / .12),transparent 34%),radial-gradient(circle at top right,rgb(0 180 216 / .08),transparent 28%),linear-gradient(180deg,#f8fbff,#eef4fb)}body{position:relative;background:radial-gradient(circle at 20% 10%,rgb(61 120 232 / .14),transparent 32%),radial-gradient(circle at 85% 20%,rgb(0 180 216 / .1),transparent 26%),linear-gradient(180deg,#f8fbff,#eef4fb)}body:before,body:after{content:"";position:fixed;inset:auto;width:28rem;height:28rem;border-radius:9999px;pointer-events:none;z-index:-1;filter:blur(20px);opacity:.34}body:before{top:-8rem;right:-8rem;background:radial-gradient(circle,rgb(15 82 186 / .22),transparent 70%)}body:after{bottom:-10rem;left:-10rem;background:radial-gradient(circle,rgb(0 180 216 / .2),transparent 68%)}[data-theme=dark] body,[data-theme=dark] html{background:radial-gradient(circle at top left,rgb(15 82 186 / .16),transparent 34%),radial-gradient(circle at top right,rgb(0 180 216 / .12),transparent 28%),linear-gradient(180deg,#08111f,#0f172a)}[data-theme=dark] body:before{background:radial-gradient(circle,rgb(15 82 186 / .24),transparent 70%)}[data-theme=dark] body:after{background:radial-gradient(circle,rgb(0 180 216 / .18),transparent 68%)}::selection{background:#0f52ba2e;color:var(--color-text-1)}.app-shell{position:relative;isolation:isolate}.page-content{position:relative;z-index:1}.container{padding-inline:clamp(var(--space-4),2.5vw,var(--space-6))}.site-header,.bottom-nav,.dialog,.toast,.event-card,.room-card,.organizer-card,.form-card,.user-profile-card,.settings-card,.event-detail-cover,.room-overview-card,.room-panel-card,.my-profile-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}