:root{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;--primary: #4338CA;--primary-dark: #3730A3;--primary-light: #6366F1;--accent: #22C55E;--accent-dark: #16A34A;--background: #0F0F23;--surface: #1A1A3E;--surface-hover: #242452;--text-primary: #F8FAFC;--text-secondary: #A1A1C7;--border: #2D2D5E;--danger: #EF4444;--danger-bg: rgba(239, 68, 68, .12);--warning: #F59E0B;--primary-color: var(--primary);--primary-dark-compat: var(--primary-dark);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.25);--shadow-lg: 0 10px 24px rgba(0,0,0,.3);--shadow-glow: 0 0 20px rgba(67, 56, 202, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--font-display: "Righteous", "Poppins", sans-serif;--font-body: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-h1: 28px;--font-size-h2: 22px;--font-size-h3: 18px;--font-size-h4: 16px;--font-size-h5: 14px;--font-size-h6: 13px;--font-size-body: 14px;--font-size-body-lg: 16px;--font-size-caption: 12px;--font-size-small: 11px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 50;--z-modal: 100;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--sidebar-width: 240px;--header-height: 56px;--bottom-nav-height: 68px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--background);color:var(--text-primary);min-height:100vh}#root{width:100%;min-height:100vh;background:var(--background);position:relative;display:flex;flex-direction:column;overflow-x:hidden}a{color:var(--primary-light);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}h1{margin:0;font-family:var(--font-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-normal);color:var(--text-primary);line-height:var(--line-height-tight)}h2{margin:0;font-family:var(--font-display);font-size:var(--font-size-h2);font-weight:var(--font-weight-normal);color:var(--text-primary);line-height:var(--line-height-tight)}h3{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}h4{margin:0;font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-normal)}h5{margin:0;font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-normal)}h6{margin:0;font-size:var(--font-size-h6);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-normal)}p,span,label,li,td,th,div{color:var(--text-primary)}input,textarea,select{background-color:var(--surface)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md);font-family:Poppins,sans-serif;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus,select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px #4338ca33;outline:none}input::placeholder,textarea::placeholder{color:var(--text-secondary)!important;opacity:.7}button{border-radius:var(--radius-md);border:none;padding:14px 24px;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;cursor:pointer;transition:all .2s ease;width:100%;min-height:48px}button:hover{opacity:.92;transform:translateY(-1px);box-shadow:var(--shadow-glow)}button:active{transform:translateY(0);opacity:1}button.secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border)}button.secondary:hover{background:var(--surface-hover);border-color:var(--primary)}button.accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%)}button.accent:hover{box-shadow:0 0 20px #22c55e4d}button.danger{background:var(--danger)}button.danger:hover{opacity:.9;box-shadow:0 0 20px #ef44444d}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:all .2s ease;overflow:hidden;min-width:0;cursor:pointer}.card:active{transform:scale(.98)}.card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.card.feed-card:hover{transform:none;box-shadow:var(--shadow-md)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.swipe-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-md);transition:transform .15s ease;touch-action:pan-y;-webkit-user-select:none;user-select:none;max-width:400px;margin-left:auto;margin-right:auto}.match-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 50%,var(--accent) 100%);display:flex;align-items:center;justify-content:center;z-index:100;animation:matchFadeIn .4s ease}.match-overlay-content{text-align:center;animation:matchBounce .6s ease}@keyframes matchFadeIn{0%{opacity:0}to{opacity:1}}@keyframes matchBounce{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.rsvp-celebration{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-dark) 0%,var(--accent) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;animation:matchFadeIn .3s ease}.vibe-card-tag{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border-radius:20px;font-size:12px;font-weight:500;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gradient-text{background:linear-gradient(135deg,var(--primary-light) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-spinner{animation:vinyl-spin 2s linear infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px #4338ca4d}50%{box-shadow:0 0 24px #4338ca80}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}.text-h1{font-family:var(--font-display);font-size:var(--font-size-h1);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight)}.text-h2{font-family:var(--font-display);font-size:var(--font-size-h2);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight)}.text-h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.text-h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.text-body{font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.text-body-lg{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.text-caption{font-size:var(--font-size-caption);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-secondary)}.text-small{font-size:var(--font-size-small);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-secondary)}.text-muted{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-center{text-align:center}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.surface-hover:hover{border-color:var(--primary);box-shadow:var(--shadow-glow)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.badge-accent{background:#22c55e26;border-color:var(--accent);color:var(--accent)}.badge-primary{background:#6366f126;border-color:var(--primary-light);color:var(--primary-light)}@media(min-width:768px){#root{flex-direction:row}.app-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);z-index:var(--z-sticky);display:flex;flex-direction:column;padding:var(--space-lg) 0}.mobile-only{display:none!important}}@media(max-width:767px){.desktop-only{display:none!important}.app-main{flex:1;display:flex;flex-direction:column;overflow-x:hidden}}@media(min-width:1024px){.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.dashboard-grid-wide{grid-column:1 / -1}}@media(min-width:1280px){.dashboard-grid{grid-template-columns:2fr 1fr 1fr}}@media(min-width:768px){.content-container{max-width:960px;margin:0 auto;padding:var(--space-lg);width:100%}}@media(max-width:767px){.content-container{padding:var(--space-md);width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}#root{max-width:none}.content-container{width:100%;max-width:900px;margin:0 auto;padding:var(--space-md);padding-bottom:100px;overflow:hidden;min-width:0}@media(min-width:768px){.content-container{padding:var(--space-lg);padding-bottom:var(--space-lg)}}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.dashboard-grid-wide{grid-column:1 / -1}@media(min-width:768px){.dashboard-grid{grid-template-columns:1fr 1fr}}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}@media(min-width:768px){.record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}}@media(min-width:1024px){.record-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.swipe-card{max-width:400px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.event-banner{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-lg);padding:var(--space-md);color:#fff}.event-banner h3{color:#fff}.event-banner p{color:#ffffffd9}.event-banner a{color:#fff;text-decoration:underline}@keyframes skeleton-pulse{0%,to{opacity:.15}50%{opacity:.3}}.skeleton-block{background:var(--primary-light);border-radius:var(--radius-md);animation:skeleton-pulse 1.5s ease-in-out infinite}.page-enter{animation:pageIn .2s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.content-container{animation:pageIn .2s ease}.badge-card-link:hover{background:#6366f11a!important;border-color:#6366f133!important}.badge-card-link:active{transform:scale(.98)}@keyframes pulse-heat{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 12px 4px #f59e0b99}}.heat-blazing{animation:pulse-heat 2s ease-in-out infinite}