:root{--bg-main: #f9f5f0;--bg-accent-top: #cce0d2;--bg-accent-bottom: #fbd9c4;--bg-warm: #e8e1e3;--text-primary: #1F2F2A;--text-secondary: #4a5552;--text-muted: #5f6865;--ui-surface: #ffffff;--ui-surface-elevated: #fefefe;--border-color: #d1d5db;--shadow-light: rgba(0, 0, 0, 0.05);--shadow-medium: rgba(0, 0, 0, 0.1);--shadow-strong: rgba(0, 0, 0, 0.15);--color-primary: #c24b2b;--color-primary-hover: #8f2e1c;--color-secondary: #4ecdc4;--color-accent: #ffe66d;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-accent-script: #5E7F73;--icon-duotone-primary: #c24b2b;--icon-duotone-secondary: #f8b4c4;--icon-duotone-success: #34d399;--icon-duotone-error: #f87171;--icon-duotone-warning: #fbbf24;--card-gradient-warm: radial-gradient(120% 120% at 50% 0%, #c24b2b 0%, #8f2e1c 55%, #1e1e1e 100%);--card-gradient-pink: linear-gradient(180deg, #f6c1cf 0%, #f3b9c6 30%, #f1cfc4 100%);--font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-1: 0.25rem;--spacing-2: 0.5rem;--spacing-3: 0.75rem;--spacing-4: 1rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--radius-sm: 0.375rem;--radius-md: 0.5rem;--radius-lg: 0.75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 var(--shadow-light);--shadow-md: 0 4px 6px -1px var(--shadow-medium);--shadow-lg: 0 10px 15px -3px var(--shadow-strong);--glass-bg: rgba(255, 255, 255, 0.4);--glass-bg-dark: rgba(0, 0, 0, 0.4);--glass-blur: blur(30px) saturate(180%);--glass-border: rgba(255, 255, 255, 0.35);--glass-border-dark: rgba(255, 255, 255, 0.1);--glass-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 10px 30px rgba(0, 0, 0, 0.25)}[data-theme=dark]{--bg-main: #0f1115;--bg-accent-top: #1e3a34;--bg-accent-bottom: #3a2a22;--text-primary: #f9f5f0;--text-secondary: #9ca3af;--text-muted: #6b7280;--ui-surface: #1a1d23;--ui-surface-elevated: #202428;--border-color: #374151;--shadow-light: rgba(0, 0, 0, 0.2);--shadow-medium: rgba(0, 0, 0, 0.3);--shadow-strong: rgba(0, 0, 0, 0.4);--color-primary: #ff8787;--color-primary-hover: #ff6b6b}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;height:100%;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{text-decoration:none;color:inherit}svg.size-6,svg.size-4,svg.size-5,svg.size-8,svg.size-12,svg[class*=icon-]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;vertical-align:middle}svg.size-6,svg.size-4,svg.size-5,svg.size-8,svg.size-12,svg[class*=icon-]{color:var(--icon-duotone-primary)}svg.size-6 [opacity="0.2"],svg.size-4 [opacity="0.2"],svg.size-5 [opacity="0.2"],svg.size-8 [opacity="0.2"],svg.size-12 [opacity="0.2"],svg[class*=icon-] [opacity="0.2"]{fill:var(--icon-duotone-secondary);opacity:1}.size-6{width:1.5rem;height:1.5rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-8{width:2rem;height:2rem}.size-12{width:3rem;height:3rem}.btn .icon,.btn svg[class*=icon-]{margin-right:.5rem}.btn-icon-only .icon,.btn-icon-only svg[class*=icon-]{margin-right:0}.video-call-btn .icon,.video-call-btn svg[class*=icon-]{width:1.5rem;height:1.5rem;margin:0}.action-button .icon,.action-button svg[class*=icon-]{width:1.5rem;height:1.5rem;margin:0}.modal-close .icon,.modal-close svg[class*=icon-]{width:1.25rem;height:1.25rem;margin:0}.yes-indicator .icon,.yes-indicator svg[class*=icon-],.no-indicator .icon,.no-indicator svg[class*=icon-]{width:4rem;height:4rem;margin:0}.verified-badge .icon,.verified-badge svg[class*=icon-]{width:.875rem;height:.875rem;margin:0}.profile-location .icon,.profile-location svg[class*=icon-],.profile-status .icon,.profile-status svg[class*=icon-]{width:1rem;height:1rem;margin-right:.25rem}.notification-icon .icon,.notification-icon svg[class*=icon-]{width:1.5rem;height:1.5rem;margin:0}.empty-icon .icon,.empty-icon svg[class*=icon-]{width:3rem;height:3rem;margin-bottom:1rem}.status-icon .icon,.status-icon svg[class*=icon-]{width:2rem;height:2rem;margin:0}.tip-icon .icon,.tip-icon svg[class*=icon-]{width:1.25rem;height:1.25rem;margin-right:.25rem}.scheduled-indicator .icon,.scheduled-indicator svg[class*=icon-]{width:1.25rem;height:1.25rem;margin-right:.25rem}.connection-quality-icon .icon,.connection-quality-icon svg[class*=icon-]{width:1.25rem;height:1.25rem;margin-right:.25rem}.chat-empty-state .icon,.chat-empty-state svg[class*=icon-]{width:1.5rem;height:1.5rem;margin:0 .25rem}.chat-send-btn .icon,.chat-send-btn svg[class*=icon-]{width:1.25rem;height:1.25rem;margin:0;display:flex;align-items:center;justify-content:center}.match-card-location .icon,.match-card-location svg[class*=icon-]{width:1rem;height:1rem;margin-right:.25rem}.call-time .icon,.call-time svg[class*=icon-],.call-duration .icon,.call-duration svg[class*=icon-]{width:1.25rem;height:1.25rem;margin-right:.5rem}.join-call-btn .icon,.join-call-btn svg[class*=icon-]{width:1.25rem;height:1.25rem;margin-right:.25rem}.heart .icon,.heart svg[class*=icon-],.sparkle .icon,.sparkle svg[class*=icon-]{width:inherit;height:inherit;margin:0}.nav-icon .icon,.nav-icon svg[class*=icon-]{width:1.5rem;height:1.5rem;margin:0}.safety-actions .icon,.safety-actions svg[class*=icon-]{width:1rem;height:1rem;margin-right:.25rem}.slot .icon,.slot svg[class*=icon-]{width:1.25rem;height:1.25rem;margin-right:.25rem}.card-empty-icon .icon,.card-empty-icon svg[class*=icon-]{width:2rem;height:2rem;margin:0}.notification-mark-read .icon,.notification-mark-read svg[class*=icon-]{width:1.25rem;height:1.25rem;margin:0}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);color:var(--text-primary);line-height:1.6}h1,.h1{font-size:var(--font-size-4xl);font-weight:700;line-height:1.2}h2,.h2{font-size:var(--font-size-3xl);font-weight:600;line-height:1.3}h3,.h3{font-size:var(--font-size-2xl);font-weight:600;line-height:1.4}p{margin-bottom:var(--spacing-4)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-secondary{color:var(--text-secondary)}.font-bold{font-weight:700}.font-medium{font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:all .2s ease;gap:var(--spacing-2);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(255, 107, 107, 0.3)}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #d45330);color:white;border:none}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-hover), #b53d20);transform:translateY(-1px);box-shadow:0 8px 24px rgba(194, 75, 43, 0.35)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-brand{background:linear-gradient(135deg, var(--color-primary), #d45330);color:white;border:none}.btn-brand:hover:not(:disabled){background:linear-gradient(135deg, var(--color-primary-hover), #b53d20);transform:translateY(-1px);box-shadow:0 8px 24px rgba(194, 75, 43, 0.35)}.btn-brand:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--ui-surface);color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--ui-surface-elevated);border-color:var(--text-primary)}.btn-secondary:active:not(:disabled){transform:translateY(1px)}.btn-secondary-outline{background-color:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary-outline:hover:not(:disabled){background-color:var(--ui-surface);border-color:var(--text-primary)}.btn-ghost{background-color:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--shadow-light)}.btn-ghost:focus{box-shadow:0 0 0 3px rgba(255, 255, 255, 0.2)}.btn-link{background-color:transparent;color:var(--text-secondary);text-decoration:underline;padding:var(--spacing-2) var(--spacing-3)}.btn-link:hover:not(:disabled){color:var(--text-primary);background-color:transparent;transform:none;box-shadow:none}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:500}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg);font-weight:700;letter-spacing:.2px}.btn-full{width:100%}.btn-round{border-radius:var(--radius-full)}.btn-text-primary{background-color:transparent;color:var(--text-primary)}.btn-text-primary:hover:not(:disabled){background-color:var(--shadow-light);transform:translateY(-1px)}.btn-danger{background-color:var(--color-error);color:white}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:0 8px 24px rgba(239, 68, 68, 0.3)}.btn-danger:active:not(:disabled){transform:translateY(0)}.btn-danger-outline{background-color:transparent;color:var(--color-error);border:2px solid var(--color-error)}.btn-danger-outline:hover:not(:disabled){background-color:var(--color-error);color:white;transform:translateY(-1px)}.input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);background-color:var(--ui-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s ease}.input::placeholder{color:var(--text-secondary)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(255, 107, 107, 0.1)}.input:disabled{background-color:var(--bg-main);cursor:not-allowed}.label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-2);color:var(--text-primary)}.checkbox{width:1.25rem;height:1.25rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.badge-primary{background-color:var(--color-primary);color:white}.badge-success{background-color:var(--color-success);color:white}.badge-secondary{background-color:var(--bg-accent-top);color:var(--text-primary)}.badge-outline{border:1px solid var(--border-color);background-color:transparent;color:var(--text-secondary)}.lazy-image{opacity:0;transition:opacity .3s ease;background-color:var(--ui-surface)}.lazy-image.loaded{opacity:1}.lazy-image-placeholder{background:linear-gradient(90deg, var(--ui-surface) 0%, rgba(128, 128, 128, 0.1) 50%, var(--ui-surface) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.responsive-image-container{position:relative;overflow:hidden;border-radius:var(--radius-md);background-color:var(--ui-surface)}.responsive-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease,opacity .3s ease}.responsive-image-container img.lazy-image{transform:scale(1.05)}.responsive-image-container img.lazy-image.loaded{transform:scale(1)}.profile-photo{width:100%;height:auto;max-height:500px;object-fit:cover}.match-card-image{background-size:cover;background-position:center;background-repeat:no-repeat;will-change:transform;transform:translateZ(0)}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.discovery-card-image{background-size:cover;background-position:center;will-change:transform;transform:translateZ(0)}img[loading=lazy]{opacity:0;transition:opacity .3s ease}img[loading=lazy].loaded,img[loading=eager]{opacity:1}.image-skeleton{background:var(--ui-surface);border-radius:var(--radius-md);overflow:hidden;position:relative}.image-skeleton::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%);animation:shimmer 1.5s infinite}[data-theme=dark] .image-skeleton{background:rgba(255, 255, 255, 0.05)}[data-theme=dark] .image-skeleton::after{background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);text-align:center}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-lg{width:60px;height:60px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{display:flex;gap:var(--spacing-2);align-items:center}.loading-dots span{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-0.32s}.loading-dots span:nth-child(2){animation-delay:-0.16s}@keyframes pulse{0%,80%,100%{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.skeleton{background:linear-gradient(90deg, var(--ui-surface) 25%, rgba(255, 255, 255, 0.1) 50%, var(--ui-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--spacing-2)}.skeleton-text-sm{width:60%}.skeleton-text-md{width:80%}.skeleton-text-lg{width:100%}.skeleton-circle{border-radius:50%}.skeleton-rect{border-radius:var(--radius-md)}[data-theme=dark] .skeleton{background:linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 75%);background-size:200% 100%}.loading-overlay{position:absolute;inset:0;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:100;backdrop-filter:blur(2px)}.loading-overlay-content{background:var(--ui-surface);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0, 0, 0, 0.3)}.loading-message{margin-top:var(--spacing-3);color:var(--text-secondary);font-size:14px}.btn-loading{position:relative;color:transparent !important;pointer-events:none}.btn-loading::after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.page-loading{position:fixed;inset:0;background:var(--bg-main);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease,visibility .3s ease}.page-loading.hidden{opacity:0;visibility:hidden}.skeleton-grid{display:grid;gap:var(--spacing-4)}.skeleton-grid-2{grid-template-columns:repeat(2, 1fr)}.skeleton-grid-3{grid-template-columns:repeat(3, 1fr)}@media(max-width: 768px){.skeleton-grid-2,.skeleton-grid-3{grid-template-columns:1fr}}.skeleton-card{background:var(--ui-surface);border-radius:var(--radius-lg);padding:var(--spacing-4);border:1px solid var(--border-color)}.skeleton-card-header{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.skeleton-card-avatar{width:48px;height:48px;border-radius:50%}.skeleton-card-body{display:flex;flex-direction:column;gap:var(--spacing-2)}[data-loading=true]{opacity:.6;pointer-events:none}[data-loading=true] *{animation:none !important}.form-field{margin-bottom:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-2)}.form-field .label{margin-bottom:0}.form-field-row{display:flex;gap:var(--spacing-4);align-items:flex-end}.form-field-row .form-field{flex:1;margin-bottom:0}.form-error-message{font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--spacing-1)}.form-help-text{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-1)}.checkbox-field{display:flex;align-items:flex-start;gap:var(--spacing-3);cursor:pointer}.checkbox-field input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-label{font-weight:500;color:var(--text-primary)}.checkbox-hint{display:block;font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-1)}.account-actions-buttons{display:flex;flex-direction:column;gap:var(--spacing-3);margin-top:var(--spacing-4)}.form-section-spaced{margin-bottom:var(--spacing-8)}.gender-cards{display:grid;grid-template-columns:repeat(auto-fit, minmax(90px, 1fr));gap:var(--spacing-3)}.gender-card-wrapper{position:relative}.gender-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-2);background:var(--ui-surface);border:2px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease;text-align:center;min-height:100px}.gender-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.gender-card-wrapper.is-selected .gender-card,.gender-card-wrapper:has(.gender-card-input:checked) .gender-card{border-color:var(--color-primary);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:#fff;box-shadow:var(--shadow-lg)}.gender-card-wrapper.is-selected .gender-card .gender-card-icon svg,.gender-card-wrapper:has(.gender-card-input:checked) .gender-card .gender-card-icon svg{color:#fff}.gender-card-wrapper.is-selected .gender-card .gender-card-icon svg [opacity="0.2"],.gender-card-wrapper:has(.gender-card-input:checked) .gender-card .gender-card-icon svg [opacity="0.2"]{fill:rgba(255, 255, 255, 0.5);opacity:1}.gender-card-wrapper.is-selected .gender-card::after,.gender-card-wrapper:has(.gender-card-input:checked) .gender-card::after{content:"✓";position:absolute;top:8px;right:8px;width:20px;height:20px;background:#fff;color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;box-shadow:var(--shadow-sm)}.gender-card-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.gender-card-icon{display:flex;align-items:center;justify-content:center}.gender-card-icon svg{width:2.5rem;height:2.5rem}.gender-card-label{font-size:var(--font-size-sm);font-weight:600;line-height:1.2}@media(max-width: 480px){.gender-cards{grid-template-columns:repeat(2, 1fr);gap:var(--spacing-2)}.gender-card{padding:var(--spacing-3) var(--spacing-2);min-height:90px}.gender-card-icon svg{width:2rem;height:2rem}.gender-card-label{font-size:var(--font-size-xs)}}.location-input-group{display:flex;gap:var(--spacing-2);align-items:stretch}.location-input-group .input{flex:1}.location-detect-btn{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);white-space:nowrap;min-height:44px}.location-detect-btn svg{flex-shrink:0}.location-detect-btn:disabled{opacity:.6;cursor:not-allowed}.location-detect-btn.is-loading{opacity:.8}.geolocation-status{font-size:var(--font-size-xs);margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);min-height:0;transition:all .3s ease}.geolocation-status:empty{display:none}.geolocation-status.is-success{background:var(--color-success-bg, rgba(34, 197, 94, 0.1));color:var(--color-success, #16a34a);border:1px solid var(--color-success-border, rgba(34, 197, 94, 0.2))}.geolocation-status.is-error{background:var(--color-error-bg, rgba(239, 68, 68, 0.1));color:var(--color-error, #dc2626);border:1px solid var(--color-error-border, rgba(239, 68, 68, 0.2))}.geolocation-status.is-loading{background:var(--color-info-bg, rgba(59, 130, 246, 0.1));color:var(--color-info, #2563eb);border:1px solid var(--color-info-border, rgba(59, 130, 246, 0.2))}@media(max-width: 480px){.location-input-group{flex-direction:column}.location-detect-btn{justify-content:center;width:100%}}.nav-item{flex:1;text-align:center}.nav-item .nav-link{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);border-radius:var(--radius-md);transition:all .2s ease;text-decoration:none;color:var(--text-secondary)}.nav-item .nav-link:hover,.nav-item .nav-link.active{color:var(--text-primary);background:var(--shadow-light)}.nav-icon{width:24px;height:24px;opacity:.7;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.nav-item .nav-link:hover .nav-icon,.nav-item .nav-link.active .nav-icon{opacity:1;color:var(--icon-duotone-primary)}.nav-icon svg [opacity="0.2"]{fill:var(--icon-duotone-secondary);opacity:1}.nav-item .nav-link.active .nav-icon svg [opacity="0.2"]{fill:var(--icon-duotone-secondary)}.nav-label{font-size:var(--font-size-xs);font-weight:500}.header-nav .nav-link{flex-direction:row;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4)}.nav-icon svg{width:100%;height:100%}.nav-icon [opacity="0.2"]{fill:var(--icon-duotone-secondary)}.nav-item .nav-link.active .nav-icon [opacity="0.2"]{fill:var(--icon-duotone-secondary)}.auth-stage{width:100%;min-height:100vh;padding:48px;display:flex;justify-content:center;align-items:center}.auth-shell{max-width:480px;width:100%;background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:48px 40px;box-shadow:0 20px 60px var(--shadow-strong);border:1px solid rgba(255, 255, 255, 0.2);position:relative;z-index:1}[data-theme=dark] .auth-shell{background:rgba(26, 29, 35, 0.1);border-color:rgba(255, 255, 255, 0.1)}.auth-header{text-align:center;margin-bottom:var(--spacing-6)}.auth-header .h1{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-2);color:var(--text-primary);line-height:1.2}.auth-header p{font-size:.95rem;color:var(--text-secondary)}.auth-form{margin-bottom:var(--spacing-6)}.form{display:flex;flex-direction:column;gap:var(--spacing-4)}.form-field{display:flex;flex-direction:column;gap:var(--spacing-2);transition:all .2s ease}.form-field.focused{transform:translateY(-1px)}.form-field .label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.form-field .input{padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background:var(--ui-surface);color:var(--text-primary);transition:all .2s ease;outline:none}.form-field .input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(255, 107, 107, 0.1);transform:translateY(-1px)}.form-field .input::placeholder{color:var(--text-secondary);opacity:.6}.checkbox-field{flex-direction:row;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-1)}.checkbox-field .checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.checkbox-field .checkbox-label{font-size:.875rem;cursor:pointer;font-weight:400}.form-actions{margin-top:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-3)}.form-actions .btn{width:100%;justify-content:center}.form-actions .btn-primary{box-shadow:0 4px 12px rgba(255, 107, 107, 0.25)}.form-actions .btn-primary:hover{box-shadow:0 8px 24px rgba(255, 107, 107, 0.35);transform:translateY(-2px)}.form-actions .btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(255, 107, 107, 0.2)}.flash-container{position:fixed;top:var(--spacing-4);right:var(--spacing-4);left:var(--spacing-4);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-3);pointer-events:none}@media(min-width: 640px){.flash-container{left:auto;width:400px;max-width:calc(100vw - var(--spacing-8))}}.flash{pointer-events:auto;padding:var(--spacing-4);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:500;display:flex;align-items:flex-start;gap:var(--spacing-3);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid;animation:slideInRight .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);position:relative;overflow:hidden}.flash.fade-out{animation:slideOutRight .3s ease-in forwards}.flash-progress{position:absolute;bottom:0;left:0;height:3px;background:rgba(255, 255, 255, 0.5);border-radius:0 0 0 var(--radius-lg)}.flash-notice .flash-progress{animation:progress 5s linear forwards}.flash.flash-notice{background:rgba(16, 185, 129, 0.95);color:white;border-color:rgba(16, 185, 129, 0.3)}.flash.flash-alert{background:rgba(239, 68, 68, 0.95);color:white;border-color:rgba(239, 68, 68, 0.3)}.flash.flash-warning{background:rgba(245, 158, 11, 0.95);color:white;border-color:rgba(245, 158, 11, 0.3)}.flash-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.flash-icon svg{width:20px;height:20px}.flash-notice .flash-icon{color:white}.flash-notice .flash-icon [opacity="0.2"]{fill:#6ee7b7;opacity:1}.flash-alert .flash-icon{color:white}.flash-alert .flash-icon [opacity="0.2"]{fill:#fca5a5;opacity:1}.flash-warning .flash-icon{color:white}.flash-warning .flash-icon [opacity="0.2"]{fill:#fde68a;opacity:1}.flash-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1);min-width:0}.flash-message{line-height:1.5;word-wrap:break-word}.flash-close{flex-shrink:0;background:rgba(255, 255, 255, 0.2);border:none;color:currentColor;cursor:pointer;font-size:1.125rem;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s ease;opacity:.8;margin-top:-2px;margin-right:-2px}.flash-close:hover{background:rgba(255, 255, 255, 0.3);opacity:1;transform:scale(1.05)}.flash-close:active{transform:scale(0.95)}[data-theme=dark] .flash.flash-notice{background:rgba(16, 185, 129, 0.9);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.3),0 4px 6px -2px rgba(0, 0, 0, 0.2)}[data-theme=dark] .flash.flash-alert{background:rgba(239, 68, 68, 0.9);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.3),0 4px 6px -2px rgba(0, 0, 0, 0.2)}[data-theme=dark] .flash.flash-warning{background:rgba(245, 158, 11, 0.9);box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.3),0 4px 6px -2px rgba(0, 0, 0, 0.2)}.auth-shell .flash{position:relative;top:auto;right:auto;left:auto;width:100%;margin-bottom:var(--spacing-4);animation:slideInUp .4s ease-out}.auth-shell .flash.fade-out{animation:fadeOut .3s ease-out forwards}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);font-size:1rem;font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;gap:var(--spacing-2)}.btn-primary{background:var(--color-primary);color:white;box-shadow:0 4px 12px rgba(255, 107, 107, 0.3)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px rgba(255, 107, 107, 0.4)}.btn-primary:active{transform:translateY(0)}.btn-round{border-radius:var(--radius-full)}.w-full{width:100%}.progress-bar{width:100%;height:6px;background:rgba(255, 255, 255, 0.2);border-radius:3px;overflow:hidden;margin-bottom:var(--spacing-4)}.progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease;border-radius:3px}.step-counter{font-size:.875rem;opacity:.8;margin:0;color:var(--text-secondary);font-weight:500}.step-header{text-align:center;margin-bottom:var(--spacing-6)}.step-header h1{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-2);color:var(--text-primary);line-height:1.2}.step-header .step-counter{font-size:.875rem;color:var(--text-secondary);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.progress-bar{height:6px;background:rgba(255, 255, 255, 0.15);border-radius:9999px;overflow:hidden;margin-bottom:var(--spacing-6)}.progress-fill{height:100%;background:linear-gradient(90deg, var(--color-primary), var(--color-primary-hover));transition:width .3s ease;border-radius:9999px;box-shadow:0 2px 8px rgba(255, 107, 107, 0.3)}.onboarding-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.form-group label{font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);margin-bottom:0}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);background-color:var(--ui-surface);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(255, 107, 107, 0.1)}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-3) center;background-size:16px;padding-right:var(--spacing-8);cursor:pointer}.form-group select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23ff6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.form-group textarea:focus{min-height:120px}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--color-error);background-color:rgba(239, 68, 68, 0.05)}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{box-shadow:0 0 0 3px rgba(239, 68, 68, 0.1)}.field_with_errors{color:var(--color-error)}.field_with_errors input,.field_with_errors select,.field_with_errors textarea{border-color:var(--color-error) !important;background-color:rgba(239, 68, 68, 0.05) !important}.field_with_errors .form-error-message,.field_with_errors .error-message{display:block !important}.counter{text-align:right;font-size:.75rem;opacity:.7;color:var(--text-secondary)}.photo-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin:var(--spacing-4) 0}.photo-slot{aspect-ratio:1;background:rgba(255, 255, 255, 0.1);border:2px dashed rgba(255, 255, 255, 0.3);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:all .2s ease;min-height:150px}.photo-slot .photo-actions{position:absolute;bottom:8px;left:8px;right:8px;display:flex;gap:8px;z-index:10}.photo-slot .photo-actions .btn{flex:1;font-size:.7rem;padding:6px 4px;min-height:28px;border-radius:6px;font-weight:600}.photo-slot .photo-actions .btn-secondary{background:rgba(255, 255, 255, 0.95);color:#333;border:1px solid rgba(0, 0, 0, 0.1)}.photo-slot .photo-actions .btn-secondary:hover{background:#fff;transform:translateY(-1px)}.photo-slot .photo-actions .btn-danger-outline{background:rgba(220, 53, 69, 0.9);color:white;border:1px solid rgba(220, 53, 69, 1)}.photo-slot .photo-actions .btn-danger-outline:hover{background:rgba(220, 53, 69, 1);transform:translateY(-1px)}.photo-slot .photo-actions .btn-secondary-outline{background:rgba(255, 255, 255, 0.95);color:#333;border:1px solid rgba(0, 0, 0, 0.1)}[data-theme=dark] .photo-slot{background:rgba(255, 255, 255, 0.05);border-color:rgba(255, 255, 255, 0.2)}.photo-slot.filled{background:rgba(255, 255, 255, 0.05);border:2px solid rgba(255, 255, 255, 0.2)}.photo-slot .slot-number{font-size:1.25rem;font-weight:700;opacity:.3;color:var(--text-primary)}.photo-slot .uploaded-photo{width:100%;height:100%;object-fit:cover}.photo-slot .primary-badge{position:absolute;top:8px;left:8px;background:var(--color-primary);color:white;font-size:.75rem;padding:4px 10px;border-radius:20px;text-align:center;font-weight:600;box-shadow:0 2px 8px rgba(0, 0, 0, 0.3);z-index:5}.photo-grid-empty{display:flex;align-items:center;justify-content:center;height:200px;margin:var(--spacing-4) 0;background:rgba(255, 255, 255, 0.05);border-radius:var(--radius-lg);border:2px dashed rgba(255, 255, 255, 0.2)}.empty-state{text-align:center;color:var(--text-secondary);opacity:.8}.empty-icon{font-size:3rem;margin-bottom:var(--spacing-2)}.upload-section{margin:var(--spacing-4) 0}.file-upload-wrapper{display:flex;justify-content:center}.review-card{background:rgba(255, 255, 255, 0.05);border-radius:var(--radius-lg);padding:var(--spacing-5);display:flex;flex-direction:column;gap:var(--spacing-5)}[data-theme=dark] .review-card{background:rgba(255, 255, 255, 0.03)}.review-section .review-heading{color:var(--text-primary);font-size:1.1rem;margin:0 0 var(--spacing-3) 0;border-bottom:1px solid rgba(255, 255, 255, 0.2);padding-bottom:var(--spacing-2)}.review-section p{color:var(--text-primary);margin:var(--spacing-2) 0;line-height:1.5}.review-section strong{font-weight:600;opacity:.9}.review-photos{display:grid;grid-template-columns:repeat(3, 1fr);gap:.5rem}.review-photo-item{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;position:relative;background:rgba(255, 255, 255, 0.1)}.review-photo-item img{width:100%;height:100%;object-fit:cover}.review-photo-item.primary{border:2px solid var(--color-primary)}.step-footer{display:flex;justify-content:center;gap:var(--spacing-4);padding-top:var(--spacing-4)}.vibes-stage{width:100%;min-height:100vh;padding:48px;display:flex;justify-content:center;align-items:center}.vibes-shell{max-width:480px;width:100%;background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:48px 40px;box-shadow:0 20px 60px var(--shadow-strong);border:1px solid rgba(255, 255, 255, 0.2);position:relative;z-index:1}[data-theme=dark] .vibes-shell{background:rgba(26, 29, 35, 0.1);border-color:rgba(255, 255, 255, 0.1)}.vibes-container{flex:1;display:flex;flex-direction:column;position:relative}.vibes-header{text-align:center;margin-bottom:var(--spacing-6);color:var(--text-primary);z-index:10}.vibes-header .progress-info{display:flex;justify-content:space-between;align-items:center;background:var(--ui-surface);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-full);margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);border:1px solid var(--border-color)}.vibes-header h1{font-size:1.8rem;margin:var(--spacing-3) 0;font-weight:700;color:var(--text-primary)}.vibes-header p{font-size:.95rem;color:var(--text-secondary);line-height:1.4}.vibes-card-stack{position:relative;flex:1;padding:var(--spacing-3);margin:var(--spacing-3) 0;min-height:calc(100vh - 372px);background:transparent}.vibes-card{position:absolute;inset:12px;background:#000;border-radius:var(--radius-lg);overflow:hidden;touch-action:none;box-shadow:0 10px 25px rgba(0, 0, 0, 0.18);transition:transform .3s cubic-bezier(0.22, 0.61, 0.36, 1)}.vibes-card.card-back{inset:18px 12px 6px 12px;border-radius:calc(var(--radius-lg) - 2px);opacity:.9;pointer-events:none}.vibes-card.is-animating{transition:transform .35s cubic-bezier(0.22, 0.61, 0.36, 1)}.vibes-card.card-back{inset:18px 12px 6px 12px;border-radius:calc(var(--radius-lg) - 2px);opacity:.9;pointer-events:none}@media(max-width: 640px){.vibes-card.card-back{inset:12px 8px 4px 8px}}.vibes-card.is-animating{transition:transform .35s cubic-bezier(0.22, 0.61, 0.36, 1)}.vibes-background{position:absolute;inset:0;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);background-size:cover;background-position:center}.vibes-background[data-category="Core Values"]{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.vibes-background[data-category="Emotional & Attachment"]{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}.vibes-background[data-category="Conflict & Repair"]{background:linear-gradient(135deg, #fa709a 0%, #fee140 100%)}.vibes-background[data-category="Intimacy & Attraction"]{background:linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)}.vibes-background[data-category=Lifestyle]{background:linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%)}.vibes-background[data-category="Money & Practical Life"]{background:linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%)}.vibes-background[data-category="Social & Family"]{background:linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%)}.vibes-background[data-category="Growth & Future"]{background:linear-gradient(135deg, #d299c2 0%, #fef9d7 100%)}.vibes-background[data-category="Psychological Safety"]{background:linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%)}.vibes-background[data-category="Personality & Play"]{background:linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%)}.vibes-background[data-category="Depth & Connection"]{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.vibes-background[data-category="Power & Boundaries"]{background:linear-gradient(135deg, #5ee7df 0%, #b490ca 100%)}.vibes-background[data-category="Shared Story"]{background:linear-gradient(135deg, #c471f5 0%, #fa71cd 100%)}.vibes-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.6) 100%)}.vibes-content{position:absolute;bottom:var(--spacing-3);left:var(--spacing-3);right:var(--spacing-3);z-index:2;pointer-events:none}.vibes-header-card{padding:16px 20px;border-radius:18px;background:rgba(255, 255, 255, 0.15);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5),0 8px 24px rgba(0, 0, 0, 0.18);color:white}.vibes-category{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;opacity:.9}.vibes-title{font-size:22px;font-weight:700;display:flex;align-items:center;gap:6px;margin-bottom:8px;line-height:1.2;color:white}.vibes-description{font-size:14px;line-height:1.4;color:rgba(255, 255, 255, 0.9);margin-top:4px}.swipe-indicator{position:absolute;top:var(--spacing-4);font-size:1.75rem;font-weight:900;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);border:4px solid;transform:rotate(-15deg);opacity:0;z-index:3;pointer-events:none;text-transform:uppercase;letter-spacing:2px}.swipe-indicator.yes-indicator{left:var(--spacing-4);color:#34c759;border-color:#34c759}.swipe-indicator.no-indicator{right:var(--spacing-4);color:#ff3b30;border-color:#ff3b30;transform:rotate(15deg)}.vibes-actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-top:var(--spacing-5);z-index:10}.vibes-btn{width:64px;height:64px;border-radius:var(--radius-full);border:none;background:rgba(255, 255, 255, 0.25);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.35),0 10px 30px rgba(0, 0, 0, 0.25)}.vibes-btn:hover{transform:scale(1.08);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.5),0 14px 40px rgba(0, 0, 0, 0.3)}.vibes-btn:active{transform:scale(0.95)}.vibes-btn-no{color:#ff3b30;background:rgba(255, 59, 48, 0.15)}.vibes-btn-no:hover{background:rgba(255, 59, 48, 0.25)}.vibes-btn-yes{color:#a855f7;background:rgba(168, 85, 247, 0.15)}.vibes-btn-yes:hover{background:rgba(168, 85, 247, 0.25)}.vibes-hint{color:var(--text-secondary);font-size:.9rem;font-weight:600}.vibes-complete{text-align:center;color:var(--text-primary);padding:var(--spacing-6) var(--spacing-4);animation:fadeIn .5s ease}.vibes-complete h2{font-size:1.75rem;margin-bottom:var(--spacing-3);color:var(--text-primary)}.vibes-complete p{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-5)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vibes-review-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.vibes-review-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background:rgba(255, 255, 255, 0.05);border-radius:var(--radius-md);font-size:.95rem;border:1px solid var(--border-color)}.vibes-review-item .vibes-title{font-weight:600;font-size:.95rem;color:var(--text-primary)}.vibes-review-item .vibes-response{font-weight:800;padding:2px 8px;border-radius:4px}.vibes-review-item .vibes-response.yes{color:#34c759;background:rgba(52, 199, 89, 0.15)}.vibes-review-item .vibes-response.no{color:#ff3b30;background:rgba(255, 59, 48, 0.15)}@media(max-width: 640px){.vibes-stage{padding:24px}.vibes-shell{padding:24px 16px;background:transparent;backdrop-filter:none;border:none;box-shadow:none;border-radius:0}.vibes-card{inset:8px}.vibes-card.card-back{inset:14px 8px 2px 8px}.vibes-header h1{font-size:1.5rem}.vibes-title{font-size:18px}.vibes-description{font-size:13px}.vibes-actions{gap:12px}.vibes-btn{width:52px;height:52px;font-size:1.2rem}}@media(max-width: 640px){.auth-stage{padding:var(--spacing-2);align-items:flex-start;padding-top:32px}.auth-shell{padding:32px 24px;background:transparent;backdrop-filter:none;border:none;box-shadow:none;border-radius:0}.auth-header .h1{font-size:1.75rem}.photo-grid,.review-photos{grid-template-columns:repeat(2, 1fr)}}.pagination-container{margin-top:var(--spacing-6);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--ui-surface);border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.pagination-prev,.pagination-next{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease;min-width:80px}.pagination-prev:hover:not(.disabled),.pagination-next:hover:not(.disabled){background:var(--color-primary);color:white}.pagination-prev.disabled,.pagination-next.disabled{color:var(--text-secondary);opacity:.5;cursor:not-allowed}.pagination-info{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;flex:1}.pagination-info-top{margin-bottom:var(--spacing-4);padding:0 var(--spacing-4)}.results-count{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}[data-theme=dark] .pagination{background:rgba(255, 255, 255, 0.05);box-shadow:0 2px 8px rgba(0, 0, 0, 0.3)}.landing-stage{width:100%;min-height:100vh;padding:48px;display:flex;justify-content:center;align-items:center}.landing-shell{max-width:1200px;width:100%;background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;padding:72px 56px 120px;position:relative;box-shadow:0 20px 60px var(--shadow-strong);border:1px solid rgba(255, 255, 255, 0.2);overflow:visible}[data-theme=dark] .landing-shell{background:rgba(26, 29, 35, 0.1);border-color:rgba(255, 255, 255, 0.1)}[data-theme=dark] .profile-carousel{mask-image:linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%)}.landing-headline{text-align:center;margin-bottom:72px}.landing-headline h1{font-size:clamp(2.5rem,5vw,3.25rem);font-weight:600;margin-bottom:12px;color:var(--text-primary);line-height:1.2}.landing-headline p{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-8)}.profile-carousel{position:absolute;left:50%;bottom:33%;transform:translateX(-50%);width:800px;overflow:hidden;z-index:10;pointer-events:none;mask-image:linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%)}.carousel-track{display:flex;gap:18px;padding:12px 0;width:max-content;transform:translateX(-50%);animation:scrollProfiles 40s linear infinite}.profile-tile{width:96px;height:96px;border-radius:14px;background:var(--ui-surface);padding:4px;box-shadow:0 6px 16px var(--shadow-medium);flex-shrink:0}.profile-tile img{width:100%;height:100%;object-fit:cover;border-radius:10px}.phone-mockup{width:390px;height:780px;margin:0 auto;border-radius:44px;background:linear-gradient(135deg, #c24b2b 0%, #8f2e1c 55%, #1e1e1e 100%);position:relative;box-shadow:0 30px 80px rgba(0, 0, 0, 0.35);z-index:2;overflow:hidden}.phone-notch{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:120px;height:26px;border-radius:16px;background:rgba(0, 0, 0, 0.85);z-index:4;display:flex;align-items:center;justify-content:center}.camera-indicator{width:6px;height:6px;background-color:#30d158;border-radius:50%;box-shadow:0 0 4px #30d158;animation:cameraBlink 2s ease-in-out infinite;margin-left:42px}@keyframes cameraBlink{0%,100%{opacity:1;box-shadow:0 0 4px #30d158}50%{opacity:.3;box-shadow:0 0 2px #30d158}}.phone-content{position:relative;z-index:3;height:100%;padding:120px 28px 32px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;color:white}.phone-cards{position:relative;height:260px;margin-bottom:32px}.phone-card{position:absolute;width:180px;height:240px;border-radius:22px;background-size:cover;background-position:center;box-shadow:0 16px 40px rgba(0, 0, 0, 0.35)}.phone-card.card-one{left:0;top:20px;transform:rotate(-8deg);background-image:url("/assets/homepage/man-44db10c1.jpg")}.phone-card.card-two{right:0;top:0;transform:rotate(6deg);background-image:url("/assets/homepage/woman-9612cd34.jpg")}.phone-text h2{font-size:2rem;margin-bottom:12px;font-weight:600;line-height:1.2}.phone-text h2 span{color:#ff9a76}.phone-text p{font-size:var(--font-size-sm);opacity:.85;margin-bottom:var(--spacing-6);line-height:1.5}.btn-glass{background:rgba(0, 0, 0, 0.55);color:white;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.1)}.btn-glass:hover{background:rgba(0, 0, 0, 0.7)}@keyframes scrollProfiles{from{transform:translateX(-50%)}to{transform:translateX(0)}}.feature-section{margin-top:80px;padding:64px 48px;background:rgba(255, 255, 255, 0.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;border:1px solid rgba(255, 255, 255, 0.1);text-align:center}[data-theme=dark] .feature-section{background:rgba(26, 29, 35, 0.4);border-color:rgba(255, 255, 255, 0.08)}.feature-alt{background:linear-gradient(135deg, rgba(194, 75, 43, 0.08) 0%, rgba(143, 46, 28, 0.05) 100%)}.feature-icon{font-size:3.5rem;margin-bottom:24px;display:inline-block}.feature-title{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;color:var(--text-primary);margin-bottom:20px;line-height:1.3}.feature-description{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.7;max-width:640px;margin:0 auto 32px}.feature-description strong{color:var(--text-primary);font-weight:600}.feature-description em{font-style:italic;color:#c24b2b}.feature-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.benefit-tag{display:inline-flex;align-items:center;padding:10px 18px;background:rgba(194, 75, 43, 0.12);color:#c24b2b;font-size:var(--font-size-sm);font-weight:500;border-radius:20px;border:1px solid rgba(194, 75, 43, 0.2)}[data-theme=dark] .benefit-tag{background:rgba(194, 75, 43, 0.2);color:#ff9a76;border-color:rgba(194, 75, 43, 0.3)}.final-cta{background:linear-gradient(135deg, rgba(194, 75, 43, 0.15) 0%, rgba(143, 46, 28, 0.1) 100%);padding:80px 48px;margin-top:100px}.final-cta .feature-title{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:24px}.final-cta .btn-large{padding:18px 40px;font-size:var(--font-size-lg);margin-top:32px}.trust-text{margin-top:24px;font-size:var(--font-size-sm);color:var(--text-tertiary)}@media(max-width: 767px){.feature-section{margin-top:48px;padding:40px 24px}.feature-icon{font-size:2.5rem}.feature-benefits{flex-direction:column;align-items:center}.benefit-tag{width:100%;max-width:280px;justify-content:center}.final-cta{margin-top:64px;padding:48px 24px}}@media(max-width: 767px){.landing-stage{padding:0}.landing-shell{padding:0;background:transparent;box-shadow:none;border-radius:0;border:0}.landing-headline{display:none}.profile-carousel{top:50%;bottom:auto;transform:translate(-50%, -50%);width:100%;z-index:10;max-width:100vw}.phone-mockup{width:90vw;max-width:350px;height:85vh;max-height:700px}.phone-content{padding:100px 24px 28px}.phone-cards{height:220px}.phone-card{width:140px;height:200px}.phone-text h2{font-size:1.75rem}.landing-footer{padding:48px 24px}.footer-content{flex-direction:column;gap:40px}.footer-links{flex-wrap:wrap;justify-content:flex-start;gap:32px}.footer-column{flex:1;min-width:140px}}.landing-footer{margin-top:100px;padding:64px 56px 32px;background:rgba(255, 255, 255, 0.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;border:1px solid rgba(255, 255, 255, 0.08)}[data-theme=dark] .landing-footer{background:rgba(26, 29, 35, 0.3);border-color:rgba(255, 255, 255, 0.05)}.footer-content{display:flex;justify-content:space-between;gap:64px;margin-bottom:48px}.footer-brand{flex:0 0 280px}.footer-brand h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:12px}.footer-brand p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.footer-links{display:flex;gap:64px;flex:1;justify-content:flex-end}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column h4{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.footer-column a{font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.footer-column a:hover{color:#c24b2b}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid rgba(255, 255, 255, 0.1)}.footer-bottom p{font-size:var(--font-size-sm);color:var(--text-tertiary)}.social-links{display:flex;gap:16px}.social-links a{font-size:1.25rem;opacity:.7;transition:opacity .2s ease}.social-links a:hover{opacity:1}.static-page{min-height:100vh;padding:48px 24px}.static-page h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:600;color:var(--text-primary);margin-bottom:12px;line-height:1.2}.static-page .last-updated{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:48px}.static-page .subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:48px;line-height:1.6}.static-section{margin-bottom:48px}.static-section:last-child{margin-bottom:0}.static-section h2{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:20px}.static-section h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:32px 0 16px}.static-section h4{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:24px 0 12px}.static-section p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.static-section ul,.static-section ol{margin:16px 0;padding-left:24px}.static-section li{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.static-section a:not(.btn){color:#c24b2b;text-decoration:none}.static-section a:not(.btn):hover{text-decoration:underline}.contact-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;margin:32px 0}.contact-card{background:rgba(255, 255, 255, 0.05);border-radius:16px;padding:32px 24px;text-align:center;border:1px solid rgba(255, 255, 255, 0.08)}[data-theme=dark] .contact-card{background:rgba(26, 29, 35, 0.4)}.contact-icon{font-size:2.5rem;margin-bottom:16px}.contact-card h3{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0 0 8px}.contact-card p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:12px}.contact-link{display:inline-block;color:#c24b2b;font-weight:500;text-decoration:none}.contact-note{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:8px}.address-block{background:rgba(255, 255, 255, 0.05);border-radius:12px;padding:24px;margin-top:16px}.address-block p{margin-bottom:4px}.safety-alert{background:linear-gradient(135deg, rgba(194, 75, 43, 0.15) 0%, rgba(143, 46, 28, 0.1) 100%);border:1px solid rgba(194, 75, 43, 0.3);border-radius:16px;padding:24px;margin:24px 0}.safety-alert h3{color:#c24b2b;margin:0 0 12px;font-size:var(--font-size-lg)}.safety-alert p{margin-bottom:8px}.red-flags{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.flag{background:rgba(239, 68, 68, 0.12);color:#ef4444;padding:8px 16px;border-radius:20px;font-size:var(--font-size-sm);font-weight:500}[data-theme=dark] .flag{background:rgba(239, 68, 68, 0.2)}.safety-checklist h4{margin-top:24px;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-top:24px}.feature-box{background:rgba(255, 255, 255, 0.05);border-radius:12px;padding:24px;border:1px solid rgba(255, 255, 255, 0.08)}[data-theme=dark] .feature-box{background:rgba(26, 29, 35, 0.4)}.feature-box h4{margin:0 0 8px;font-size:var(--font-size-base)}.feature-box p{font-size:var(--font-size-sm);margin:0}.scam-alert{background:rgba(245, 158, 11, 0.08);border-left:4px solid #f59e0b;border-radius:8px;padding:20px;margin:20px 0}.scam-alert h4{color:#f59e0b;margin:0 0 8px}.scam-alert p{margin:0}.cta-section{background:linear-gradient(135deg, rgba(194, 75, 43, 0.1) 0%, rgba(143, 46, 28, 0.05) 100%);border-radius:16px;padding:32px;text-align:center}.highlight-text{font-size:var(--font-size-lg);font-weight:500;color:var(--text-primary)}.hero-section{text-align:center;margin-bottom:48px}.lead-text{font-size:var(--font-size-xl);font-weight:500;color:var(--text-primary);line-height:1.5;font-style:italic}.feature-comparison{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;margin-top:24px}.comparison-item{background:rgba(255, 255, 255, 0.05);border-radius:12px;padding:24px;border:1px solid rgba(255, 255, 255, 0.08)}[data-theme=dark] .comparison-item{background:rgba(26, 29, 35, 0.4)}.comparison-item h3{margin:0 0 8px;font-size:var(--font-size-base)}.comparison-item p{margin:0;font-size:var(--font-size-sm)}.values-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-top:24px}.value-item{background:rgba(255, 255, 255, 0.05);border-radius:12px;padding:24px;border:1px solid rgba(255, 255, 255, 0.08)}[data-theme=dark] .value-item{background:rgba(26, 29, 35, 0.4)}.value-item h4{margin:0 0 8px;font-size:var(--font-size-base)}.value-item p{margin:0;font-size:var(--font-size-sm)}.stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-top:24px}.stat-item{text-align:center;padding:24px;background:rgba(255, 255, 255, 0.05);border-radius:12px}[data-theme=dark] .stat-item{background:rgba(26, 29, 35, 0.4)}.stat-number{display:block;font-size:2rem;font-weight:700;color:#c24b2b;margin-bottom:4px}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.cta-buttons{display:flex;gap:16px;justify-content:center;margin-top:24px}@media(max-width: 767px){.static-page h1{font-size:1.75rem}.contact-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr}.feature-comparison{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2, 1fr)}.cta-buttons{flex-direction:column}.landing-footer{margin-top:64px;padding:40px 24px 24px}.footer-content{flex-direction:column;gap:40px}.footer-links{flex-wrap:wrap;gap:32px}.footer-column{flex:1;min-width:120px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}.text-center{text-align:center}.step-header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.step-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg, #c24b2b 0%, #8f2e1c 100%);color:white;font-size:var(--font-size-xl);font-weight:700;border-radius:50%;flex-shrink:0}.step-icon{font-size:3rem}.step-details{max-width:600px;margin:24px auto;text-align:left}.step-details ul{list-style:none;padding:0}.step-details li{padding:8px 0;padding-left:28px;position:relative;color:var(--text-secondary)}.step-details li::before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.tip-box{background:rgba(16, 185, 129, 0.1);border-left:4px solid #10b981;border-radius:8px;padding:16px 20px;margin:24px auto 0;max-width:600px;text-align:left;color:var(--text-secondary)}.tip-box strong{color:#10b981}.highlight-box{background:rgba(194, 75, 43, 0.1);border-left:4px solid #c24b2b;border-radius:8px;padding:16px 20px;margin:24px auto 0;max-width:600px;text-align:left;color:var(--text-secondary)}.highlight-box strong{color:#c24b2b}.safety-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin:32px auto;max-width:800px}.safety-item{background:rgba(255, 255, 255, 0.05);border-radius:12px;padding:24px;text-align:left;border:1px solid rgba(255, 255, 255, 0.08)}[data-theme=dark] .safety-item{background:rgba(26, 29, 35, 0.4)}.safety-item h4{margin:0 0 8px;font-size:var(--font-size-base);color:var(--text-primary)}.safety-item p{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.faq-item{text-align:left;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255, 255, 255, 0.1)}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:8px}.faq-item p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0}@media(max-width: 767px){.safety-grid{grid-template-columns:1fr}.step-header{flex-direction:column;gap:12px}.step-details{padding:0 16px}.tip-box,.highlight-box{margin:24px 16px 0}}.app-header{position:sticky;top:0;z-index:var(--z-50, 50);background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s ease}[data-theme=dark] .app-header{background:rgba(26, 29, 35, 0.1)}.header-content{max-width:1200px;margin:0 auto;padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:center}.app-title{font-size:var(--font-size-xl);font-weight:700;margin:0}.app-link{color:var(--text-primary);text-decoration:none;transition:color .2s ease}.app-link:hover{color:var(--color-primary)}.header-nav{display:flex;gap:var(--spacing-4);align-items:center}.mobile-menu-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:background-color .2s ease}.mobile-menu-toggle:hover{background:var(--shadow-light)}.hamburger-line{width:20px;height:2px;background:var(--text-primary);margin:2px 0;transition:all .3s ease;border-radius:1px}@media(max-width: 768px){.header-nav{display:none}.mobile-menu-toggle{display:flex}}.app-footer{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:420px;z-index:1000}.glass-container{position:relative;display:flex;font-weight:600;cursor:pointer;background:transparent;border-radius:2rem;overflow:hidden;box-shadow:0 6px 6px rgba(0, 0, 0, 0.2),0 0 20px rgba(0, 0, 0, 0.1);transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 2.2)}.glass-container--rounded{border-radius:24px}.glass-filter{position:absolute;inset:0;z-index:0;backdrop-filter:blur(0px);filter:url(#lg-dist);isolation:isolate}.glass-overlay{position:absolute;inset:0;z-index:1;background:rgba(255, 255, 255, 0.4);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.glass-specular{position:absolute;inset:0;z-index:2;border-radius:inherit;overflow:hidden;box-shadow:inset 1px 1px 0 rgba(255, 255, 255, 0.75),inset 0 0 5px rgba(255, 255, 255, 0.75)}.glass-content{position:relative;z-index:3;display:flex;align-items:center;gap:20px;padding:1rem 1.5rem .9rem}.glass-content--nav{padding:.5rem 1rem;flex:1 1 auto;justify-content:center}.footer-nav{position:relative;z-index:3;width:100%;display:flex;justify-content:space-around;align-items:center}.nav-item{flex:1;text-align:center}.nav-link{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.5rem .75rem;text-decoration:none;color:var(--text-secondary);transition:all .2s ease;border-radius:12px;background:transparent}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--color-primary);font-weight:600;background:linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.3) 100%);box-shadow:inset 0 0 15px rgba(255, 255, 255, 0.2)}.nav-icon{width:24px;height:24px;color:currentColor;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15))}.nav-icon svg{width:100%;height:100%}.nav-icon [opacity="0.2"]{fill:var(--icon-duotone-secondary);opacity:1}.footer-nav .nav-link.active .nav-icon [opacity="0.2"]{fill:var(--icon-duotone-secondary)}.nav-label{font-size:.75rem;font-weight:500}.glass-filter-svg{position:absolute;width:0;height:0;overflow:hidden}[data-theme=dark] .glass-overlay{background:rgba(0, 0, 0, 0.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}[data-theme=dark] .glass-specular{box-shadow:inset 1px 1px 1px rgba(255, 255, 255, 0.15),inset 0 0 12px rgba(255, 255, 255, 0.08),inset 0 -2px 8px rgba(0, 0, 0, 0.5)}[data-theme=dark] .glass-container{box-shadow:0 6px 6px rgba(0, 0, 0, 0.4),0 0 20px rgba(0, 0, 0, 0.3)}[data-theme=dark] .nav-icon{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5))}[data-theme=dark] .nav-link.active{background:linear-gradient(180deg, rgba(255, 255, 255, 0.12) 0%, rgba(255, 255, 255, 0.04) 50%, rgba(255, 255, 255, 0.08) 100%);box-shadow:inset 0 0 12px rgba(255, 255, 255, 0.08)}.card{background:var(--ui-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-image{width:100%;aspect-ratio:3/4;object-fit:cover}.card-body{padding:var(--spacing-4)}.card-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-1)}.card-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.discovery-page{position:fixed;top:0;left:0;right:0;bottom:96px;width:100%;background:transparent;display:flex;flex-direction:column;z-index:900;overflow:visible;padding-bottom:10px}.discovery-page .app-container{width:100%;max-width:420px;background:transparent;border-radius:0;box-shadow:none;margin:0 auto;padding:0;flex:1;overflow:visible;display:flex;flex-direction:column}.mesh-gradient{position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%, var(--bg-accent-top) 0%, transparent 50%),radial-gradient(ellipse at 80% 80%, var(--bg-accent-bottom) 0%, transparent 50%),var(--bg-main);z-index:-1}.page-header{position:relative;flex-shrink:0;z-index:100;padding:var(--spacing-6) var(--spacing-4) var(--spacing-4);background:transparent}.page-header-content{max-width:420px;margin:0 auto;text-align:center}.page-title{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-0.5px;line-height:1.2}.page-subtitle{display:block;font-size:.875rem;font-weight:400;color:var(--text-secondary);margin-top:var(--spacing-2);letter-spacing:.2px}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.card-stack{position:relative;flex:1;min-height:0;padding:var(--spacing-2) var(--spacing-3) var(--spacing-2);overflow:visible;display:flex;flex-direction:column;justify-content:center;align-items:center}.discovery-card{position:absolute;inset:16px 24px 120px;background:var(--ui-surface);border:1px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden;touch-action:none;box-shadow:var(--shadow-lg);cursor:pointer;transition:transform .35s cubic-bezier(0.22, 0.61, 0.36, 1),opacity .35s ease,box-shadow .2s ease}.discovery-card.is-animating{transition:transform .35s cubic-bezier(0.22, 0.61, 0.36, 1),opacity .35s ease}.discovery-card.card-back{inset:10px 20px 120px 20px;border-radius:var(--radius-xl);opacity:0;pointer-events:none;transform:translateY(6px);z-index:1}.discovery-card:not(.card-back)+.discovery-card.card-back{opacity:.9;z-index:5;pointer-events:none}.discovery-card.dragging{box-shadow:0 20px 40px rgba(0, 0, 0, 0.25);z-index:100}.discovery-card .profile-image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.lazy-bg{background-repeat:no-repeat;background-position:center;background-size:cover}.photo-count-badge{position:absolute;top:var(--spacing-3);right:var(--spacing-3);background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:6px 10px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;z-index:5;display:flex;align-items:center;gap:4px}.discovery-card .profile-overlay{position:absolute;inset:0;padding:var(--spacing-4);pointer-events:none;background:linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 30%, transparent 70%, rgba(0, 0, 0, 0.4) 100%)}.discovery-card .profile-header{position:absolute;bottom:12px;left:12px;right:12px;padding:14px 16px;border-radius:18px;background:rgba(180, 190, 195, 0.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5),0 8px 24px rgba(0, 0, 0, 0.18)}.discovery-card .profile-name{display:flex;align-items:center;gap:6px;font-size:1.75rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0, 0, 0, 0.5)}.discovery-card .profile-location{font-size:1rem;color:rgba(255, 255, 255, 0.9);margin-top:4px;text-shadow:0 1px 2px rgba(0, 0, 0, 0.5)}.discovery-card .profile-status{margin-top:8px;font-size:.9rem;background:rgba(255, 255, 255, 0.2);backdrop-filter:blur(4px);padding:6px 12px;border-radius:var(--radius-full);display:inline-block;color:#fff;text-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.verified-badge{background:var(--color-success);color:#fff;font-size:12px;padding:2px 6px;border-radius:var(--radius-full);font-weight:600}.online-indicator{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:6px;vertical-align:middle}.online-indicator.online{background:#22c55e;box-shadow:0 0 6px #22c55e;animation:pulse-online 2s ease-in-out infinite}.online-indicator.offline{background:#9ca3af}@keyframes pulse-online{0%,100%{opacity:1}50%{opacity:.6}}.match-card-title .online-indicator{width:8px;height:8px;margin-left:4px}.card-actions{position:absolute;bottom:var(--spacing-3);width:100%;display:flex;justify-content:space-evenly;align-items:center;z-index:1001;padding:0 var(--spacing-4)}.action-button{width:64px;height:64px;border-radius:var(--radius-full);border:none;background:rgba(255, 255, 255, 0.25);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.35),0 10px 30px rgba(0, 0, 0, 0.25)}.action-button:hover{transform:scale(1.08);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.5),0 14px 40px rgba(0, 0, 0, 0.3)}.action-button:active{transform:scale(0.95)}.action-button.dislike{color:#ff3b30;background:rgba(255, 59, 48, 0.15)}.action-button.dislike:hover{background:rgba(255, 59, 48, 0.25)}.action-button.like{color:#a855f7;background:rgba(168, 85, 247, 0.15)}.action-button.like:hover{background:rgba(168, 85, 247, 0.25)}.yes-indicator,.no-indicator{position:absolute;top:30px;font-size:3rem;font-weight:800;padding:8px 16px;border:6px solid;border-radius:8px;opacity:0;pointer-events:none;text-shadow:0 2px 8px rgba(0, 0, 0, 0.3);transition:opacity .1s ease}.yes-indicator{left:20px;color:var(--color-primary);border-color:var(--color-primary);transform:rotate(-15deg)}.no-indicator{right:20px;color:var(--color-error);border-color:var(--color-error);transform:rotate(15deg)}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--spacing-6);text-align:center}.empty-state-content{max-width:320px}.empty-state-content .h2{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-2)}.empty-state-content .text-secondary{margin-bottom:var(--spacing-4);opacity:.8}.empty-actions{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-4)}#profile-detail-modal{position:fixed;inset:0;z-index:1000;display:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#profile-detail-modal.active~.app-footer,body:has(#profile-detail-modal.active) .app-footer,#profile-detail-modal.active~.main-content .card-actions,body:has(#profile-detail-modal.active) .card-actions{display:none}#profile-detail-modal.hidden{display:none}#profile-detail-modal.active{display:block;opacity:1;visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.8);backdrop-filter:blur(4px)}.modal-content.profile-detail-content{position:absolute;bottom:0;left:0;right:0;max-height:90vh;background:var(--bg-main);border-radius:24px 24px 0 0;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease;padding:0}@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}.profile-detail-header{position:relative;height:45vh;min-height:320px;background:var(--ui-surface);border-radius:8px 8px 0 0;overflow:hidden}.profile-photo-carousel{width:100%;height:100%;overflow:hidden;position:relative}.photo-carousel{width:100%;height:100%;position:relative}.carousel-images{display:flex;width:100%;height:100%;transition:transform .3s ease-in-out}.carousel-image{flex:0 0 100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:var(--ui-surface);opacity:0;transition:opacity .3s ease}.carousel-image.active{opacity:1}.carousel-controls{position:absolute;bottom:var(--spacing-3);left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-4);z-index:10}.carousel-btn{width:48px;height:48px;border-radius:50%;background:rgba(255, 255, 255, 0.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.carousel-indicator{color:#fff;font-size:.9rem;background:rgba(0, 0, 0, 0.5);padding:4px 12px;border-radius:12px}.carousel-dots{position:absolute;bottom:var(--spacing-12);left:0;right:0;display:flex;justify-content:center;gap:6px;z-index:10}.carousel-dot{width:6px;height:6px;border-radius:50%;background:rgba(255, 255, 255, 0.5);transition:all .2s ease}.carousel-dot.active{background:#fff;width:8px;height:8px}.swipe-hint{position:absolute;bottom:var(--spacing-16);left:50%;transform:translateX(-50%);background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:8px 16px;border-radius:20px;font-size:.85rem;z-index:15;animation:swipeHintPulse 2s ease-in-out infinite;display:flex;align-items:center;gap:6px}.swipe-hint.hidden{display:none}@keyframes swipeHintPulse{0%,100%{opacity:.8;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(-4px)}}#profile-detail-modal .modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);z-index:20;background:rgba(0, 0, 0, 0.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}#profile-detail-modal .modal-close:hover{background:rgba(0, 0, 0, 0.7);color:#fff}.profile-detail-body{flex:1;overflow-y:auto;padding:var(--spacing-6);background:var(--bg-main)}.profile-detail-name{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-2)}.profile-detail-location{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-6)}.profile-vibes-section,.profile-looking-for-section,.profile-bio-section{margin-bottom:var(--spacing-8)}.section-title{font-size:.8rem;font-weight:700;color:var(--text-secondary);margin-bottom:var(--spacing-3)}.looking-for-badge{display:inline-flex;align-items:center;gap:8px;font-size:1rem;color:var(--text-primary)}.looking-for-badge .badge-icon{font-size:1.1rem}.vibes-tags{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px}.vibe-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:120px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent}.vibe-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.vibe-card-image{position:absolute;inset:0;z-index:0;opacity:.15;overflow:hidden}.vibe-card-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(30%)}.vibe-card-bg{position:absolute;inset:0;opacity:.4;z-index:1}.vibe-card-bg[data-category="Core Values"]{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.vibe-card-bg[data-category="Emotional & Attachment"]{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}.vibe-card-bg[data-category="Conflict & Repair"]{background:linear-gradient(135deg, #fa709a 0%, #fee140 100%)}.vibe-card-bg[data-category="Intimacy & Attraction"]{background:linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)}.vibe-card-bg[data-category=Lifestyle]{background:linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%)}.vibe-card-bg[data-category="Money & Practical Life"]{background:linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%)}.vibe-card-bg[data-category="Social & Family"]{background:linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%)}.vibe-card-bg[data-category="Growth & Future"]{background:linear-gradient(135deg, #d299c2 0%, #fef9d7 100%)}.vibe-card-bg[data-category="Psychological Safety"]{background:linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%)}.vibe-card-bg[data-category="Personality & Play"]{background:linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%)}.vibe-card-bg[data-category="Depth & Connection"]{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.vibe-card-bg[data-category="Power & Boundaries"]{background:linear-gradient(135deg, #5ee7df 0%, #b490ca 100%)}.vibe-card-bg[data-category="Shared Story"]{background:linear-gradient(135deg, #c471f5 0%, #fa71cd 100%)}.vibe-card-content{position:relative;padding:16px;display:flex;flex-direction:column;height:100%;min-height:120px;z-index:2}.vibe-card-category{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-primary);margin-bottom:6px;opacity:.8}.vibe-card-title{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.3;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.profile-bio{font-size:1rem;line-height:1.7;color:var(--text-primary)}.profile-actions{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--border-color)}.profile-actions .btn{flex:1}.matches-page{position:fixed;top:0;left:0;right:0;bottom:16px;width:100%;background:transparent;display:flex;flex-direction:column;z-index:900;overflow-y:auto;overflow-x:visible;padding-bottom:120px}.matches-page .app-container{width:100%;max-width:420px;background:transparent;border-radius:0;box-shadow:none;margin:0 auto;padding:0 var(--spacing-4);flex:1;display:flex;flex-direction:column;overflow:visible}.scheduling-page,.availability-page,.confirm-page,.calendar-page{position:fixed;top:0;left:0;right:0;bottom:96px;width:100%;background:transparent;display:flex;flex-direction:column;z-index:900;overflow-y:auto;overflow-x:visible;padding-bottom:80px}.scheduling-page .app-container,.availability-page .app-container,.confirm-page .app-container,.calendar-page .app-container{width:100%;max-width:420px;background:transparent;border-radius:0;box-shadow:none;margin:0 auto;padding:0;flex:1;display:flex;flex-direction:column;overflow:visible}.profile-page,.settings-page,.vibes-page{position:fixed;top:0;left:0;right:0;bottom:16px;width:100%;background:transparent;display:flex;flex-direction:column;z-index:900;overflow-y:auto;overflow-x:visible;padding-bottom:120px}.profile-page .form-section{margin-bottom:24px}.profile-page .form-section:last-of-type{margin-bottom:0}.profile-page .app-container,.settings-page .app-container,.vibes-page .app-container{width:100%;max-width:420px;background:transparent;border-radius:0;box-shadow:none;margin:0 auto;padding:0 var(--spacing-4);flex:1;display:flex;flex-direction:column;overflow:visible}@media(min-width: 768px){.profile-page .app-container,.settings-page .app-container,.vibes-page .app-container{padding:0 var(--spacing-6)}}.profile-page .form-actions,.settings-page .form-actions,.vibes-page .form-actions{padding-bottom:24px}.photos-grid{position:relative;z-index:1}.photos-grid img{position:relative;z-index:1}.vibes-page .vibes-card-stack{position:relative;height:400px;margin-bottom:20px}.vibes-page{padding-bottom:82px !important}.vibes-page .vibes-card{position:absolute;inset:0;background:var(--ui-surface);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .3s ease}.vibes-page .vibes-card.card-back{transform:scale(0.95) translateY(10px);opacity:.7}.vibes-page .vibes-background{position:absolute;inset:0;opacity:.1;background:linear-gradient(135deg, var(--color-primary), var(--color-secondary))}.vibes-page .vibes-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:24px;text-align:left}.vibes-page .swipe-indicator{position:absolute;top:30px;font-size:2rem;font-weight:800;padding:8px 16px;border:4px solid;border-radius:8px;opacity:0;transition:opacity .2s ease}.vibes-page .swipe-indicator.yes-indicator{left:20px;color:var(--color-success);border-color:var(--color-success);transform:rotate(-15deg)}.vibes-page .swipe-indicator.no-indicator{right:20px;color:var(--color-error);border-color:var(--color-error);transform:rotate(15deg)}.vibes-page .vibes-btn{width:64px;height:64px;border-radius:50%;border:2px solid;background:transparent;font-size:24px;cursor:pointer;transition:all .2s ease}.vibes-page .vibes-btn-yes{border-color:var(--color-success);color:var(--color-success)}.vibes-page .vibes-btn-yes:hover{background:var(--color-success);color:white}.vibes-page .vibes-btn-no{border-color:var(--color-error);color:var(--color-error)}.vibes-page .vibes-btn-no:hover{background:var(--color-error);color:white}.scheduling-page .form-actions,.availability-page .form-actions,.confirm-page .form-actions,.calendar-page .form-actions{padding-bottom:24px}.matches-list-container{padding:var(--spacing-4) var(--spacing-3);display:flex;flex-direction:column;gap:24px}.matches-list{display:flex;flex-direction:column;gap:16px}.match-card{position:relative;display:flex;align-items:center;width:100%;padding:var(--spacing-4);border-radius:var(--radius-xl);background:var(--ui-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;gap:var(--spacing-4)}.match-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.match-card-image{width:80px;height:80px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--border-color);flex-shrink:0;border:2px solid var(--ui-surface);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);position:relative}.match-card-left{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.match-card-profile-btn{font-size:.7rem;padding:4px 8px;white-space:nowrap;background:var(--color-warning);color:white;border:none}.match-card-profile-btn:hover{background:var(--icon-duotone-warning)}.match-card-unmatch-btn{font-size:.65rem;padding:2px 6px;white-space:nowrap;background:transparent;color:var(--text-muted);border:1px solid var(--border-color)}.match-card-unmatch-btn:hover{color:var(--color-error);border-color:var(--color-error)}.match-card-status{font-size:.8rem;margin:0}.match-card-status .status-live{color:var(--color-success);font-weight:600}.match-card-status .status-scheduled{color:var(--text-secondary)}.match-card-status .status-missed{color:var(--color-error)}.match-card-status .status-new{color:var(--text-muted)}.status-scheduled{color:var(--text-secondary);font-size:.8rem;margin:0;padding:6px 10px;background:rgba(79, 205, 196, 0.1);border-radius:var(--radius-sm);border-left:3px solid var(--color-secondary)}.status-missed{color:var(--color-error);font-size:.8rem;font-weight:500;margin:0;padding:6px 10px;background:rgba(239, 68, 68, 0.1);border-radius:var(--radius-sm);border-left:3px solid var(--color-error)}.match-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.match-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;letter-spacing:-0.02em;line-height:1.2}.match-card-location{font-size:.85rem;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:4px;line-height:1.2}.match-card-time{font-size:.75rem;color:var(--text-muted);margin:0;line-height:1.2}.match-card-actions{margin-top:8px;display:flex;flex-direction:column;gap:8px}.match-card-actions-row{display:flex;gap:8px}.match-card-actions-row .btn{flex:1;font-size:.8rem;padding:8px 12px;border-radius:var(--radius-md);font-weight:600}.match-card-actions .btn{font-size:.8rem;padding:8px 12px;text-align:center;justify-content:center;border-radius:var(--radius-md);font-weight:600}.match-card-actions .btn.btn-primary{background:var(--color-primary);border:none;color:white}.match-card-actions .btn.btn-primary:hover{background:var(--color-primary-hover)}.match-card-actions .btn.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.match-card-actions .btn.btn-secondary:hover{background:var(--ui-surface-elevated);border-color:var(--text-muted)}.match-card-actions .btn.btn-danger{background:transparent;border:1px solid var(--color-error);color:var(--color-error)}.match-card-actions .btn.btn-danger:hover{background:var(--color-error);color:white}.scheduled-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--color-success);color:white;font-size:.8rem;font-weight:600;border-radius:var(--radius-md);width:100%;text-align:center}.scheduled-indicator:hover{opacity:.9}.missed-call-indicator{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;padding:8px 12px;background:var(--color-warning);color:white;font-size:.8rem;font-weight:600;border-radius:var(--radius-md);width:100%;text-align:left;line-height:1.3}.missed-call-indicator:hover{opacity:.9}.missed-call-text{flex:1;text-align:left}.call-feedback-indicator{display:flex;padding:8px 12px;background:var(--ui-surface-elevated);border-radius:var(--radius-md);gap:8px;flex-direction:column}.feedback-stars{display:flex;gap:2px}.feedback-star{color:var(--border-color);font-size:1rem}.feedback-star.filled{color:var(--color-warning)}.feedback-badge{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm);display:inline-block;margin-top:4px}.feedback-badge.positive{background:rgba(16, 185, 129, 0.1);color:var(--color-success)}.feedback-badge.negative{background:rgba(239, 68, 68, 0.1);color:var(--color-error)}.match-card-actions .btn:active{transform:translateY(0)}@media(max-width: 480px){.match-card-actions-row{gap:6px}.match-card-actions .btn{padding:8px 10px;font-size:.75rem}}.match-info h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-1) 0}.match-info p{font-size:.95rem;color:var(--text-primary);margin:0;line-height:1.4}.match-info .text-secondary{color:var(--text-secondary);font-size:.85rem;margin-top:var(--spacing-1)}.match-actions{flex-shrink:0}.match-notification{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.9);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.match-notification-content{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);padding:var(--spacing-6);border-radius:24px;text-align:center;color:#fff;max-width:320px;box-shadow:0 20px 60px rgba(0, 0, 0, 0.5)}.match-notification-content h2{font-size:2rem;font-weight:800;margin-bottom:var(--spacing-2)}.match-notification-content p{font-size:1.1rem;margin-bottom:var(--spacing-4)}.match-notification-actions{display:flex;justify-content:center}@media(max-width: 480px){.discovery-page{height:100dvh}.discovery-page .app-container{max-width:100%}.card-stack{padding:var(--spacing-2)}.discovery-card{inset:8px 12px 120px;border-radius:20px}.discovery-card .profile-name{font-size:1.5rem}.action-button{width:56px;height:56px;font-size:20px}.modal-content.profile-detail-content{max-height:95vh}.profile-detail-body{padding:var(--spacing-4)}.card-actions{bottom:88px}}.vibes-bento-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:12px}.vibe-bento-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;min-height:120px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent}.vibe-bento-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.vibe-bento-card.vibe-yes{border-color:var(--color-success)}.vibe-bento-card.vibe-no{border-color:var(--color-error)}.vibe-bento-image{position:absolute;inset:0;z-index:0;opacity:.15;overflow:hidden}.vibe-bento-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(30%)}.vibe-bento-bg{position:absolute;inset:0;opacity:.4;z-index:1}.vibe-bento-bg[data-category="Core Values"]{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.vibe-bento-bg[data-category="Emotional & Attachment"]{background:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)}.vibe-bento-bg[data-category="Conflict & Repair"]{background:linear-gradient(135deg, #fa709a 0%, #fee140 100%)}.vibe-bento-bg[data-category="Intimacy & Attraction"]{background:linear-gradient(135deg, #a8edea 0%, #fed6e3 100%)}.vibe-bento-bg[data-category=Lifestyle]{background:linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%)}.vibe-bento-bg[data-category="Money & Practical Life"]{background:linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%)}.vibe-bento-bg[data-category="Social & Family"]{background:linear-gradient(135deg, #a1c4fd 0%, #c2e9fb 100%)}.vibe-bento-bg[data-category="Growth & Future"]{background:linear-gradient(135deg, #d299c2 0%, #fef9d7 100%)}.vibe-bento-bg[data-category="Psychological Safety"]{background:linear-gradient(135deg, #89f7fe 0%, #66a6ff 100%)}.vibe-bento-bg[data-category="Personality & Play"]{background:linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%)}.vibe-bento-bg[data-category="Depth & Connection"]{background:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}.vibe-bento-bg[data-category="Power & Boundaries"]{background:linear-gradient(135deg, #5ee7df 0%, #b490ca 100%)}.vibe-bento-bg[data-category="Shared Story"]{background:linear-gradient(135deg, #c471f5 0%, #fa71cd 100%)}.vibe-bento-content{position:relative;padding:16px;display:flex;flex-direction:column;height:100%;min-height:120px}.vibe-bento-category{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-primary);margin-bottom:6px;opacity:.8}.vibe-bento-title{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.3;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vibe-bento-response{font-size:.8rem;font-weight:600;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color)}.vibe-bento-card.vibe-yes .vibe-bento-response{color:var(--color-success)}.vibe-bento-card.vibe-no .vibe-bento-response{color:var(--color-error)}@media(max-width: 480px){.vibes-bento-grid{gap:10px}.vibe-bento-card{min-height:100px}.vibe-bento-content{min-height:100px;padding:12px}}.new-match-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.new-match-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 107, 107, 0.95) 0%, rgba(255, 142, 142, 0.95) 50%, rgba(255, 107, 107, 0.95) 100%);backdrop-filter:blur(10px)}.new-match-content{position:relative;background:rgba(255, 255, 255, 0.95);border-radius:24px;padding:40px 30px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3);animation:modalPopIn .5s cubic-bezier(0.68, -0.55, 0.265, 1.55)}@keyframes modalPopIn{0%{transform:scale(0.5) translateY(50px);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}.celebration-animation{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:200px;height:120px;pointer-events:none}.hearts-container{position:relative;width:100%;height:100%}.heart{position:absolute;font-size:24px;animation:floatHeart 2s ease-in-out infinite;opacity:0}.heart-1{left:10%;animation-delay:0s}.heart-2{left:30%;animation-delay:.2s;font-size:28px}.heart-3{left:50%;animation-delay:.4s;font-size:32px}.heart-4{left:70%;animation-delay:.6s;font-size:28px}.heart-5{left:85%;animation-delay:.8s}@keyframes floatHeart{0%{transform:translateY(0) scale(0);opacity:0}20%{opacity:1;transform:translateY(-10px) scale(1.2)}80%{opacity:1}100%{transform:translateY(-80px) scale(1);opacity:0}}.sparkles{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}.sparkle{position:absolute;font-size:16px;animation:sparkle 1.5s ease-in-out infinite;opacity:0}.sparkle-1{top:20%;left:10%;animation-delay:.1s}.sparkle-2{top:10%;left:40%;animation-delay:.3s}.sparkle-3{top:30%;left:70%;animation-delay:.5s}.sparkle-4{top:60%;left:20%;animation-delay:.7s}.sparkle-5{top:50%;left:80%;animation-delay:.9s}.sparkle-6{top:70%;left:50%;animation-delay:1.1s}@keyframes sparkle{0%,100%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.match-header{margin-bottom:30px;margin-top:20px}.match-title{font-size:32px;font-weight:800;color:#ff6b6b;margin:0 0 10px 0;background:linear-gradient(135deg, #ff6b6b 0%, #ff8e8e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.match-subtitle{font-size:16px;color:var(--text-secondary);margin:0}.match-profile{margin-bottom:30px}.profile-photo-wrapper{position:relative;width:150px;height:150px;margin:0 auto 20px}.profile-photo{width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;border:4px solid white;box-shadow:0 4px 20px rgba(0, 0, 0, 0.15);position:relative;z-index:2;animation:photoPulse 2s ease-in-out infinite}@keyframes photoPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.photo-ring{position:absolute;border-radius:50%;border:3px solid rgba(255, 107, 107, 0.3);top:50%;left:50%;transform:translate(-50%, -50%);animation:ringExpand 2s ease-out infinite}.ring-1{width:170px;height:170px;animation-delay:0s}.ring-2{width:190px;height:190px;animation-delay:.5s}@keyframes ringExpand{0%{transform:translate(-50%, -50%) scale(1);opacity:1}100%{transform:translate(-50%, -50%) scale(1.3);opacity:0}}.profile-info{text-align:center}.profile-name{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 5px 0}.profile-details{font-size:14px;color:var(--text-secondary);margin:0}.match-actions{display:flex;flex-direction:column;gap:12px}.match-actions .btn{width:100%;padding:14px 24px;font-size:16px;font-weight:600;border-radius:12px;transition:all .3s ease}.match-actions .btn-primary{background:linear-gradient(135deg, #ff6b6b 0%, #ff8e8e 100%);border:none;color:white;box-shadow:0 4px 15px rgba(255, 107, 107, 0.4)}.match-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255, 107, 107, 0.5)}.match-actions .btn-secondary{background:white;border:2px solid #e0e0e0;color:var(--text-secondary)}.match-actions .btn-secondary:hover{border-color:#ff6b6b;color:#ff6b6b;background:rgba(255, 107, 107, 0.05)}.modal-close-x{position:absolute;top:15px;right:15px;width:36px;height:36px;border-radius:50%;border:none;background:rgba(0, 0, 0, 0.1);color:var(--text-secondary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-x:hover{background:rgba(0, 0, 0, 0.2);color:var(--text-primary)}@media(max-width: 480px){.new-match-content{padding:30px 20px;margin:10px}.match-title{font-size:28px}.profile-photo-wrapper{width:130px;height:130px}.ring-1{width:150px;height:150px}.ring-2{width:170px;height:170px}}@media(prefers-reduced-motion: reduce){.new-match-content,.heart,.sparkle,.match-title,.profile-photo,.photo-ring{animation:none}}.calendar-page{padding-bottom:80px}.calendar-header{margin-bottom:16px}.month-label{font-size:14px;color:var(--text-secondary);font-weight:600;letter-spacing:.5px}.weekdays{display:grid;grid-template-columns:repeat(7, 1fr);margin:12px 0 8px;font-size:11px;font-weight:600;color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.5px}.calendar-grid{display:grid;grid-template-columns:repeat(7, 1fr);row-gap:12px;margin-bottom:20px}.calendar-day{height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;font-weight:500;border-radius:12px;background:rgba(255, 255, 255, 0.3);backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.2);cursor:pointer;transition:all .2s ease;position:relative}.calendar-day.is-empty{pointer-events:none;background:transparent;border:none}.calendar-day.has-availability{background:rgba(95, 175, 163, 0.2);border-color:#5fafa3;color:#5fafa3}.calendar-day.has-meeting{background:rgba(94, 127, 115, 0.15);border-color:#5e7f73}.calendar-day:hover:not(.is-empty){transform:scale(1.05);box-shadow:0 4px 12px rgba(0, 0, 0, 0.1)}.calendar-day.selected{background:#5fafa3;color:white;border-color:#5fafa3;box-shadow:0 4px 12px rgba(95, 175, 163, 0.3)}.calendar-day .day-number{font-size:14px;font-weight:600}.meeting-avatar{width:36px;height:36px;border-radius:50%;background:rgba(255, 255, 255, 0.6);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0, 0, 0, 0.1)}.meeting-avatar img{width:32px;height:32px;border-radius:50%;object-fit:cover}.time-slots-panel{margin-top:16px;padding:16px;background:rgba(255, 255, 255, 0.6);backdrop-filter:blur(18px);border-radius:16px;border:1px solid rgba(255, 255, 255, 0.4)}.slots-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.slots{display:grid;grid-template-columns:repeat(auto-fit, minmax(80px, 1fr));gap:8px}.slot{height:36px;border-radius:18px;border:1px solid var(--border-color);background:white;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.slot:hover{background:rgba(95, 175, 163, 0.1);border-color:#5fafa3}.slot.active{background:#5fafa3;color:white;border-color:#5fafa3}.suggestions-section{margin-top:24px}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.suggestions-list{display:flex;flex-direction:column;gap:8px}.suggestion-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:white;border-radius:16px;border:2px solid transparent;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0, 0, 0, 0.06)}.suggestion-card:hover{border-color:#5fafa3;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0, 0, 0, 0.1)}.suggestion-card.selected{background:#5fafa3;color:white;border-color:#5fafa3}.suggestion-info{display:flex;flex-direction:column;gap:2px}.suggestion-date{font-size:13px;font-weight:600}.suggestion-time{font-size:14px;font-weight:500}.suggestion-duration{font-size:12px;font-weight:600;color:var(--text-secondary);background:rgba(0, 0, 0, 0.05);padding:4px 8px;border-radius:10px}.suggestion-card.selected .suggestion-duration{background:rgba(255, 255, 255, 0.2);color:white}.custom-time-section{margin-top:24px;padding:16px;background:rgba(255, 255, 255, 0.6);backdrop-filter:blur(18px);border-radius:16px;border:1px solid rgba(255, 255, 255, 0.4)}.time-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.time-field{display:flex;flex-direction:column;gap:6px}.time-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.time-input{height:44px;border-radius:12px;border:1px solid var(--border-color);padding:0 12px;font-size:14px;background:white}.duration-row{margin-bottom:16px}.duration-options{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;margin-top:8px}.duration-btn{height:36px;border-radius:10px;border:1px solid var(--border-color);background:white;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.duration-btn:hover{background:rgba(95, 175, 163, 0.1);border-color:#5fafa3}.duration-btn.active{background:#5fafa3;color:white;border-color:#5fafa3}.confirmation-section{display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.confirmation-card{background:white;border-radius:20px;padding:20px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.08)}.call-details{text-align:center;padding:16px 0;border-bottom:1px solid var(--border-color);margin-bottom:16px}.call-time{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px 0}.call-time-large{font-size:32px;font-weight:700;color:#5fafa3;margin:8px 0;letter-spacing:-0.5px}.call-duration{font-size:14px;color:var(--text-secondary)}.participant-info{padding:12px 0}.participant-card{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(95, 175, 163, 0.05);border-radius:12px}.participant-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:#5fafa3;display:flex;align-items:center;justify-content:center;color:white;font-size:20px;font-weight:600;flex-shrink:0}.participant-avatar img{width:100%;height:100%;object-fit:cover}.participant-avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.participant-details{flex:1}.participant-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.participant-location{font-size:13px;color:var(--text-secondary);margin:2px 0 0 0}.call-status{text-align:center;padding:12px 0}.status-badge{display:inline-block;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;margin-bottom:8px}.status-badge.pending{background:rgba(255, 193, 7, 0.15);color:#f57c00}.status-text{font-size:14px;color:var(--text-secondary);margin:0}.availability-section{display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.availability-form-card,.availability-list{background:white;border-radius:16px;padding:16px;box-shadow:0 2px 12px rgba(0, 0, 0, 0.06)}.card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px 0}.availability-form{display:flex;flex-direction:column;gap:12px}.form-row{display:grid;grid-template-columns:1fr;gap:12px}.form-row.has-two-fields{grid-template-columns:1fr 1fr}.availability-day-group{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.availability-day-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.day-name{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 8px 0;text-transform:uppercase;letter-spacing:.5px}.availability-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:rgba(95, 175, 163, 0.05);border-radius:10px;margin-bottom:8px}.availability-time{display:flex;flex-direction:column;gap:4px}.time-badge{font-size:13px;font-weight:600;color:var(--text-primary)}.timezone-badge{font-size:11px;color:var(--text-secondary)}.form-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.availability-cards-section{margin-bottom:24px}.availability-cards-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.availability-cards-header .section-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.availability-cards-grid{display:flex;flex-wrap:wrap;gap:8px}.availability-card{background:white;border-radius:12px;padding:12px;box-shadow:0 1px 6px rgba(0, 0, 0, 0.05);border:1px solid var(--border-color);display:flex;flex-direction:column;min-height:120px;overflow:hidden;flex:1 1 200px;max-width:300px;position:relative}.availability-card.has-times{border-color:#5fafa3;background:rgba(95, 175, 163, 0.02)}.availability-card.empty{background:#f5f5f5;border:3px solid #999;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);width:100%;max-width:none;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center}.availability-card.empty:hover{border-color:#5fafa3;background:rgba(95, 175, 163, 0.05)}.availability-card.empty .empty-state-mini{min-height:120px}.availability-card.empty .empty-state-mini p{font-size:15px;color:#888;margin-bottom:8px}.availability-time-card{background:white;border-radius:12px;padding:12px;box-shadow:0 1px 6px rgba(0, 0, 0, 0.05);border:1px solid rgba(95, 175, 163, 0.3);display:flex;flex-direction:column;gap:8px;position:relative;flex:0 0 auto;min-width:180px;max-width:240px}.availability-time-card.partner{border-color:rgba(99, 123, 255, 0.3)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.day-badge{background:rgba(95, 175, 163, 0.1);color:#5fafa3;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.day-badge.partner{background:rgba(99, 123, 255, 0.1);color:#637bff}.match-badge{background:rgba(95, 175, 163, 0.15);color:#5fafa3;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase}.match-badge.partner{background:rgba(99, 123, 255, 0.15);color:#637bff}.time-details{display:flex;flex-direction:column;gap:4px}.time-display{font-size:14px;font-weight:600;color:var(--text-primary)}.timezone-badge{font-size:11px;color:var(--text-secondary)}.status-badge{padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600}.status-badge.success{background:rgba(95, 175, 163, 0.15);color:#5fafa3}.status-badge.pending{background:rgba(255, 193, 7, 0.15);color:#f57c00}.remove-card{position:absolute;top:6px;right:6px;background:rgba(255, 255, 255, 0.9);border:1px solid rgba(95, 175, 163, 0.3);color:#5fafa3;width:22px;height:22px;border-radius:50%;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.remove-card:hover{background:#5fafa3;color:white;border-color:#5fafa3;transform:scale(1.1)}.empty-state-mini{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;min-height:100px;width:100%}.empty-state-mini p{color:#666;font-size:14px;margin:0;font-weight:500}.empty-state-mini .text-secondary{color:#999;font-size:12px;opacity:1}.empty-state-mini>p{color:#666;font-size:14px;margin:0;font-weight:500;line-height:1.4}.empty-state-mini>span{color:#999;font-size:12px}.match-status-content{flex:1;display:flex;flex-direction:column;gap:8px;padding:8px 4px}.match-status-content p{margin:0;font-size:13px;line-height:1.5}.match-status-content .text-success{color:#5fafa3}.match-status-content .text-secondary{color:var(--text-secondary)}.availability-form-section{margin-bottom:24px}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.form-header .card-title{margin:0;font-size:18px}.close-form{background:none;border:none;color:var(--text-secondary);font-size:24px;font-weight:700;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s,color .2s}.close-form:hover{background:var(--ui-surface);color:var(--text-primary)}.availability-form{background:white;border-radius:12px;padding:16px;box-shadow:0 1px 6px rgba(0, 0, 0, 0.05);border:1px solid var(--border-color)}.schedule-page{padding-bottom:80px}.schedule-page .app-container{max-width:420px;margin:0 auto;padding:0 16px}.card-section{margin-bottom:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.section-count{font-size:13px;color:var(--text-secondary);font-weight:500}.cards-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.time-card.my-card,.time-card.partner-card{position:relative;border-radius:16px;overflow:hidden;height:148px;transition:transform .2s ease,box-shadow .2s ease;cursor:default}.time-card.my-card:hover,.time-card.partner-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0, 0, 0, 0.15)}.card-gradient{position:absolute;inset:0;padding:12px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.my-gradient{background:linear-gradient(135deg, #5FAFA3 0%, #4FA89B 100%);color:white}.partner-gradient{background:linear-gradient(135deg, #637bff 0%, #5063ff 100%);color:white;cursor:pointer}.partner-gradient:hover{box-shadow:inset 0 0 0 2px rgba(255, 255, 255, 0.3)}.empty-gradient{background:linear-gradient(135deg, #e8efe9 0%, #d4e0db 100%);color:#5fafa3;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.empty-gradient:hover{background:linear-gradient(135deg, #d4e0db 0%, #c0ccc7 100%);transform:scale(1.02)}.empty-gradient:active{transform:scale(0.98)}.partner-empty{background:linear-gradient(135deg, #e8e9f5 0%, #d4d6ec 100%);color:#637bff;align-items:center;justify-content:center}.card-badge{background:rgba(255, 255, 255, 0.2);backdrop-filter:blur(10px);color:white;padding:3px 8px;border-radius:999px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.card-badge.partner{background:rgba(255, 255, 255, 0.25)}.card-day{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.card-time{font-size:18px;font-weight:700;letter-spacing:-0.5px}.card-dash{font-size:14px;font-weight:400;opacity:.8;margin:2px 0}.card-empty-icon{font-size:24px;font-weight:700;margin-bottom:4px}.card-empty-text{font-size:14px;font-weight:600;margin-bottom:8px}.card-empty-subtext{font-size:11px;font-weight:500;opacity:.7}.card-select-btn{background:rgba(95, 175, 163, 0.2);color:#2e4a43;border:1px solid rgba(95, 175, 163, 0.4);padding:6px 16px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.empty-gradient:hover .card-select-btn{background:rgba(95, 175, 163, 0.3);transform:scale(1.05)}.card-remove{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:rgba(255, 255, 255, 0.25);border:1px solid rgba(255, 255, 255, 0.4);color:white;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;backdrop-filter:blur(10px)}.card-remove:hover{background:rgba(255, 255, 255, 0.4);transform:scale(1.1)}.status-card{border-radius:16px;overflow:hidden;min-height:140px}.status-gradient{position:relative;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:140px}.ready-gradient{background:linear-gradient(135deg, #5FAFA3 0%, #4FA89B 100%);color:white}.pending-gradient{background:linear-gradient(135deg, #f5a623 0%, #f08300 100%);color:white}.status-icon{font-size:28px;font-weight:700;margin-bottom:4px}.status-title{font-size:18px;font-weight:700;letter-spacing:-0.5px}.status-message{font-size:13px;font-weight:500;opacity:.95;line-height:1.4}.status-action{margin-top:auto}.modal-overlay{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);backdrop-filter:blur(4px);z-index:1001;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:white;border-radius:20px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0, 0, 0, 0.3);animation:modalSlideIn .3s ease}@keyframes modalSlideIn{from{opacity:0;transform:translateY(20px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;font-size:24px;font-weight:700;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.modal-close:hover{background:var(--ui-surface);color:var(--text-primary)}.modal-body{padding:20px}.confirm-modal .modal-body{text-align:center}.confirm-details{background:rgba(95, 175, 163, 0.05);border-radius:12px;padding:16px;margin-bottom:16px}.confirm-time{font-size:24px;font-weight:700;color:#5fafa3;margin-bottom:8px}.confirm-date{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.confirm-partners{font-size:13px;color:var(--text-primary);font-weight:500}.time-picker-form .form-row{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}.time-picker-form .form-row.has-two-fields{grid-template-columns:1fr 1fr}.time-picker-form .form-field{display:flex;flex-direction:column;gap:6px}.time-picker-form .label{font-size:12px;font-weight:600;color:var(--text-secondary)}.time-picker-form .input{height:44px;border-radius:12px;border:1px solid var(--border-color);padding:0 12px;font-size:14px;background:white}.time-picker-form .input:focus{outline:none;border-color:#5fafa3;box-shadow:0 0 0 3px rgba(95, 175, 163, 0.1)}.modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}@media(max-width: 768px){.cards-grid{grid-template-columns:repeat(2, 1fr)}.card-time{font-size:16px}.status-gradient{min-height:120px}}.calendar-modal{background:rgba(255, 255, 255, 0.9);backdrop-filter:blur(20px);border-radius:28px 28px 0 0;max-height:95vh;overflow:hidden;display:flex;flex-direction:column}.calendar-header{padding:20px 24px;border-bottom:1px solid rgba(255, 255, 255, 0.3);display:flex;align-items:center;justify-content:space-between}.calendar-header-info{flex:1}.calendar-title{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-0.5px}.calendar-subtitle{margin:4px 0 0 0;font-size:13px;color:var(--text-secondary)}.calendar-modal-body{flex:1;overflow-y:auto;padding:20px 24px}.calendar-grid-section{margin-bottom:20px}.calendar-modal .month-label{margin:0 0 12px 0;font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase}.calendar-modal .weekdays{margin:0 0 8px 0;font-size:11px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.calendar-days-grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:8px}.calendar-day{height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255, 255, 255, 0.5);color:var(--text-muted);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.calendar-day:not(.empty):hover{background:rgba(95, 175, 163, 0.1);border-color:#5fafa3;transform:scale(1.05)}.calendar-day.selected{background:#5fafa3;color:white;border-color:#5fafa3;box-shadow:0 4px 12px rgba(95, 175, 163, 0.3)}.calendar-day.today{background:rgba(95, 175, 163, 0.15);border-color:#5fafa3;color:#5fafa3;font-weight:600}.calendar-day.empty{pointer-events:none;background:transparent;border:none}.time-slots-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0, 0, 0, 0.1)}.slots-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.slots{display:flex;gap:10px;margin-bottom:16px}.slot{flex:1;height:40px;border-radius:20px;border:2px solid rgba(0, 0, 0, 0.1);background:white;font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}[data-theme=dark] .slot{background:#2a2e35;border-color:rgba(255, 255, 255, 0.15);color:#fff}.slot:hover{border-color:#5fafa3;background:rgba(95, 175, 163, 0.1)}[data-theme=dark] .slot:hover{background:rgba(95, 175, 163, 0.2)}.slot.active{background:#5fafa3;color:white;border-color:#5fafa3}[data-theme=dark] .slot.active{background:#5fafa3;color:#1a1d23}.calendar-modal .time-card{background:var(--ui-surface-elevated, white);border-radius:22px;padding:16px;box-shadow:0 -6px 20px rgba(0, 0, 0, 0.06);margin-top:12px;min-height:160px;border:1px solid rgba(0, 0, 0, 0.05)}[data-theme=dark] .calendar-modal .time-card{border:1px solid rgba(255, 255, 255, 0.1);box-shadow:0 -6px 20px rgba(0, 0, 0, 0.3)}.time-title{text-align:center;font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.time-row{display:flex;gap:12px;margin-bottom:12px}.time-field{flex:1;display:flex;flex-direction:column;gap:6px}.time-label{font-size:12px;color:var(--text-secondary);font-weight:500}.time-input{width:100%;height:44px;border-radius:22px;border:1px solid #dde6e3;padding:0 14px;font-size:14px;background:#f9fbfa;color:var(--text-primary);font-weight:500;text-align:center}[data-theme=dark] .time-input{background:#2a2e35;border-color:#3a3e45;color:#fff}.time-input:focus{outline:none;border-color:#5fafa3;background:white}[data-theme=dark] .time-input:focus{background:#323841;border-color:#5fafa3}.duration-tip{display:flex;align-items:center;gap:8px;background:rgba(95, 175, 163, 0.1);border-radius:12px;padding:8px 12px;margin-bottom:16px;border:1px solid rgba(95, 175, 163, 0.2)}[data-theme=dark] .duration-tip{background:rgba(95, 175, 163, 0.15);border:1px solid rgba(95, 175, 163, 0.3)}.tip-icon{font-size:14px}.tip-text{font-size:13px;color:#5fafa3;font-weight:500}[data-theme=dark] .tip-text{color:#7fc9bf}.book-button{width:100%;height:50px;border-radius:25px;border:none;background:#4fa89b;color:white;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}[data-theme=dark] .book-button{background:#5fafa3;color:#1a1d23}.book-button:hover{background:#45978b;transform:translateY(-1px)}[data-theme=dark] .book-button:hover{background:#7fc9bf}.book-button:active{transform:translateY(0)}@media(max-width: 768px){.calendar-grid{row-gap:8px}.calendar-day{height:38px;font-size:12px}.slots{grid-template-columns:repeat(2, 1fr)}.duration-options{grid-template-columns:repeat(2, 1fr)}.suggestion-card{flex-direction:column;align-items:flex-start;gap:8px}.call-time-large{font-size:28px}.availability-cards-grid{grid-template-columns:1fr}.card-time{font-size:18px}.modal-content{margin:0 10px;max-width:none;&.calendar-modal{padding:var(--spacing-2)}}.calendar-modal-body{padding:0}}.match-detail-page{min-height:100vh;padding-bottom:80px}.match-detail-content{display:flex;flex-direction:column;gap:24px;padding:0 16px}.match-photos-section .photo-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:8px}.photo-grid-item{aspect-ratio:1;background-size:cover;background-position:center;border-radius:12px;position:relative;overflow:hidden;background-color:var(--ui-surface);border:1px solid var(--border-color)}.photo-badge{position:absolute;bottom:4px;right:4px;background:var(--color-primary);color:white;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600}.match-vibes-section .vibes-tags{display:flex;flex-wrap:wrap;gap:8px}.vibe-tag{background:var(--ui-surface);color:var(--text-primary);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid var(--border-color)}.match-looking-for-section .looking-for-badge{display:inline-block;background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:white;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.match-bio-section .match-bio{background:var(--ui-surface);padding:16px;border-radius:12px;line-height:1.6;border:1px solid var(--border-color)}.scheduled-call-section .scheduled-call-card{background:var(--ui-surface);border:1px solid var(--border-color);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.scheduled-call-card .call-time,.scheduled-call-card .call-duration{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary);flex-wrap:wrap}.scheduled-call-card .call-time .timezone-label{font-size:11px;color:var(--text-muted);font-weight:400}.scheduled-call-card .call-time .icon,.scheduled-call-card .call-duration .icon{font-size:16px}.scheduled-call-card .call-status{display:flex;justify-content:center}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.confirmed{background:#e8f5e9;color:#2e7d32}.status-badge.pending{background:#fff3e0;color:#ef6c00}.status-badge.completed{background:#e3f2fd;color:#1565c0}.status-badge.cancelled{background:#ffebee;color:#c62828}.join-call-btn{margin-top:8px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;animation:pulse-button 2s infinite}@keyframes pulse-button{0%,100%{box-shadow:0 4px 12px rgba(255, 107, 107, 0.3)}50%{box-shadow:0 4px 20px rgba(255, 107, 107, 0.6)}}.match-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.match-actions .btn{width:100%}.back-btn{margin-bottom:12px;width:fit-content}.section-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:12px}@media(max-width: 480px){.match-detail-content{gap:20px;padding:0 12px}.match-photos-section .photo-grid{grid-template-columns:repeat(3, 1fr);gap:6px}.scheduled-call-section .scheduled-call-card{padding:12px}}.confirm-page{min-height:100vh;padding-bottom:100px}.confirmation-section{padding:0 16px;max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:16px;margin-top:16px}.confirmation-card{background:var(--ui-surface);border:1px solid var(--border-color);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-sm)}.call-details{display:flex;flex-direction:column;gap:8px;text-align:center;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.call-time{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.call-time-large{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-primary);font-variant-numeric:tabular-nums;margin:4px 0}.call-time-large .timezone-label{display:block;font-size:var(--font-size-xs);font-weight:400;color:var(--text-muted);margin-top:2px}.call-time-other{font-size:var(--font-size-xl);font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:8px 0}.call-time-other .timezone-label{display:block;font-size:var(--font-size-xs);font-weight:400;color:var(--text-muted);margin-top:2px}.timezone-label{font-size:var(--font-size-xs);font-weight:400;color:var(--text-muted);margin-left:8px}.call-duration{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;gap:6px}.call-duration::before{content:"⏱";font-size:14px}.participant-card{display:flex;align-items:center;gap:12px;padding:8px 0}.participant-avatar{width:56px;height:56px;border-radius:50%;background:var(--ui-surface);border:2px solid var(--border-color);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.participant-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);color:white;background:linear-gradient(135deg, var(--color-primary), var(--color-secondary))}.participant-details{flex:1;min-width:0}.participant-name{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.participant-location{font-size:var(--font-size-sm);color:var(--text-secondary);margin:2px 0 0;display:flex;align-items:center;gap:4px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.call-status{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--border-color)}.status-badge.pending{background:rgba(255, 107, 107, 0.1);color:var(--color-primary);border:1px solid rgba(255, 107, 107, 0.3)}.status-text{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center;margin:0;line-height:1.4}.confirmation-actions{display:flex;flex-direction:column;gap:12px;padding-top:8px}.confirmation-actions .btn{width:100%}.form-actions{display:flex;flex-direction:column;gap:12px;padding-top:4px}.form-actions .btn{width:100%}@media(max-width: 480px){.confirmation-section{padding:0 12px}.confirmation-card{padding:16px}.call-time-large{font-size:var(--font-size-2xl)}}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);text-align:center}.error-container{max-width:400px;width:100%}.error-icon{width:120px;height:120px;margin:0 auto var(--spacing-6);background:var(--ui-surface);border-radius:50%;display:flex;align-items:center;justify-content:center}.error-icon svg{width:60px;height:60px;color:var(--color-primary)}.error-icon [opacity="0.2"]{fill:var(--icon-duotone-secondary);opacity:1}.error-icon--warning svg{color:var(--color-warning, #f59e0b)}.error-icon--warning [opacity="0.2"]{fill:#fde68a;opacity:1}.error-icon--error svg{color:var(--color-error, #ef4444)}.error-icon--error [opacity="0.2"]{fill:#fca5a5;opacity:1}.error-title{font-size:72px;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-2);line-height:1;background:linear-gradient(135deg, var(--color-primary), var(--color-secondary, #ff8f8f));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-subtitle{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-3)}.error-message{font-size:16px;color:var(--text-secondary);margin-bottom:var(--spacing-6);line-height:1.6}.error-actions{display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center}.error-actions .btn{width:100%;max-width:280px;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.error-actions .btn svg{flex-shrink:0}@media(min-width: 480px){.error-actions{flex-direction:row;justify-content:center}.error-actions .btn{width:auto}}.network-status{position:fixed;top:0;left:0;right:0;padding:var(--spacing-3);background:var(--color-error, #ef4444);color:white;text-align:center;font-weight:600;font-size:14px;z-index:9999;transform:translateY(-100%);transition:transform .3s ease}.network-status--visible{transform:translateY(0)}.network-status--online{background:var(--color-success, #10b981)}.progress-bar{width:100%;height:4px;background:var(--border-color);border-radius:2px;overflow:hidden;margin-bottom:var(--spacing-4)}.progress-fill{height:100%;background:var(--color-primary);border-radius:2px;transition:width .3s ease}.progress-fill.step-1{width:16.6%}.progress-fill.step-2{width:33.3%}.progress-fill.step-3{width:50%}.progress-fill.step-4{width:66.6%}.progress-fill.step-5{width:83.3%}.progress-fill.step-6{width:100%}.step-header{margin-bottom:var(--spacing-6)}.step-header h1{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-2);color:var(--text-primary)}.step-counter{color:var(--text-secondary);font-size:var(--font-size-sm)}.review-card{background:var(--ui-surface);border-radius:16px;padding:20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.review-heading{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.review-heading-no-border{margin:0;text-align:left;border-bottom:none;padding-bottom:0}.profile-info-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;text-align:center;margin-bottom:16px}.profile-info-item{display:flex;flex-direction:column;align-items:center}.profile-info-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.profile-info-label{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.profile-info-section{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.profile-info-section-no-border{border-bottom:none;padding-bottom:0}.profile-info-label-small{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.profile-info-name{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.profile-location-text{font-size:1rem;color:var(--text-primary)}.profile-about{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.profile-about-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;text-align:center}.profile-about-text{line-height:1.6;color:var(--text-primary);text-align:center;margin:0}.review-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.review-card-header h3{margin:0}.review-photos-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px}.review-photo-thumb{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.review-photo-thumb img{width:100%;height:100%;object-fit:cover}.review-photo-primary-badge{position:absolute;bottom:4px;left:4px;background:var(--color-primary);color:white;font-size:10px;padding:2px 6px;border-radius:4px}.edit-link-btn{color:var(--color-primary)}.form-actions-mt-6{margin-top:24px}.profile-card{background:var(--ui-surface);border-radius:16px;padding:20px;position:relative}.profile-edit-link{position:absolute;top:16px;right:16px;color:var(--text-secondary);text-decoration:none}.profile-edit-link svg,.profile-edit-link [data-icon]{width:20px;height:20px}.profile-info-header{text-align:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.profile-stats-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;text-align:center}.profile-stat-item{display:flex;flex-direction:column;align-items:center}.profile-stat-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.profile-stat-label{font-size:.75rem;color:var(--text-secondary);margin-top:2px}.profile-location-section{margin-top:16px;padding:16px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);text-align:center}.profile-location-text{font-size:1rem;color:var(--text-primary)}.profile-contact-section{margin-top:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.profile-contact-item{text-align:center;margin-bottom:8px}.profile-contact-item:last-child{margin-bottom:0}.profile-contact-label{font-size:.75rem;color:var(--text-secondary);display:block}.profile-contact-value{font-size:.9rem;color:var(--text-primary)}.profile-about-section{margin-top:16px}.profile-about-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;text-align:center}.profile-about-text{line-height:1.6;color:var(--text-primary);text-align:center;margin:0}.section-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header-flex h3{margin:0}.edit-btn-sm{color:var(--color-primary)}.profile-photos-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;margin-bottom:12px}.profile-photo-item{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.profile-photo-item img{width:100%;height:100%;object-fit:cover}.profile-photo-primary-badge{position:absolute;bottom:4px;left:4px;background:var(--color-primary);color:white;font-size:10px;padding:2px 6px;border-radius:4px}.blocked-users-list{display:flex;flex-direction:column;gap:12px}.blocked-user-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--ui-background);border-radius:12px;border:1px solid var(--border-color)}.blocked-user-info{display:flex;align-items:center;gap:12px}.blocked-user-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.blocked-user-avatar img{width:100%;height:100%;object-fit:cover}.blocked-user-initials{width:48px;height:48px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:white;font-size:18px;font-weight:600;flex-shrink:0}.blocked-user-details{display:flex;flex-direction:column}.blocked-user-name{font-weight:600;color:var(--text-primary);font-size:1rem}.blocked-user-meta{font-size:.875rem;color:var(--text-secondary)}.blocked-users-empty{text-align:center;padding:48px 20px}.blocked-users-empty-icon{font-size:48px;margin-bottom:16px}.blocked-users-empty h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.blocked-users-empty p{font-size:.875rem;color:var(--text-secondary);margin:0}.vibes-page{padding-bottom:var(--spacing-8)}.vibes-progress{text-align:center;margin-bottom:20px}.vibes-progress-text{font-size:.875rem;color:var(--text-secondary)}.vibes-card-stack{position:relative;height:400px;margin-bottom:20px}.vibes-card{position:absolute;inset:0;background:var(--ui-surface);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .3s ease}.vibes-card.card-back{transform:scale(0.95) translateY(10px)}.vibes-background-image{position:absolute;inset:0;z-index:1}.vibes-background-image img{width:100%;height:100%;object-fit:cover}.vibes-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.1) 100%);z-index:2}.vibes-content{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:24px;padding-top:60px;text-align:center}.vibes-category{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.vibes-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.vibes-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.swipe-indicator{position:absolute;top:30px;font-size:2rem;font-weight:800;padding:8px 16px;border-radius:8px;opacity:0;transition:opacity .2s ease}.yes-indicator{left:20px;color:var(--color-success);border:4px solid var(--color-success);transform:rotate(-15deg)}.no-indicator{right:20px;color:var(--color-error);border:4px solid var(--color-error);transform:rotate(15deg)}.vibes-complete{display:none;text-align:center;padding:40px}.vibes-complete.is-visible{display:block}.vibes-complete h2{font-size:1.5rem;font-weight:700;margin-bottom:12px}.vibes-complete p{color:var(--text-secondary);margin-bottom:20px}.vibes-header-card{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;padding-top:60px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.m-0{margin:0}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-4{margin-top:var(--spacing-4)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-8{margin-bottom:var(--spacing-8)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-10{z-index:10}.z-50{z-index:50}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-primary-color{color:var(--color-primary)}.text-white{color:white}.font-semibold{font-weight:600}.hover\:underline:hover{text-decoration:underline}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-dark{background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-dark)}.glass-light{background:rgba(255, 255, 255, 0.25);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.35),0 10px 30px rgba(0, 0, 0, 0.25)}.glass-header{background:rgba(180, 190, 195, 0.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5),0 8px 24px rgba(0, 0, 0, 0.18)}.card-depth-1{transform:scale(0.98) translateY(4px);opacity:.85;filter:brightness(0.95)}.card-depth-2{transform:scale(0.96) translateY(8px);opacity:.7;filter:brightness(0.9)}@keyframes swipeOutLeft{to{transform:translateX(-120%) rotate(-20deg);opacity:0}}@keyframes swipeOutRight{to{transform:translateX(120%) rotate(20deg);opacity:0}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@media(prefers-reduced-motion: reduce){.animate-pulse,.skeleton{animation:none}}.modal{position:fixed;inset:0;z-index:1000;display:none;opacity:0;transition:opacity .3s ease}.modal.active{display:block;opacity:1}.modal-backdrop{position:absolute;inset:0;background:rgba(0, 0, 0, 0.8);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--bg-main);border-radius:var(--radius-2xl);padding:var(--spacing-6);max-width:500px;margin:0 auto;box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease,color .2s ease}.modal-close:hover{background:var(--ui-surface);color:var(--text-primary)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}@keyframes slideInUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes progress{from{width:100%}to{width:0%}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-out{animation:fadeOut .3s ease-out forwards}.animate-slide-up{animation:slideInUp .4s ease-out}.animate-slide-down{animation:slideInDown .3s ease-out}.animate-slide-in-right{animation:slideInRight .4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.animate-slide-out-right{animation:slideOutRight .3s ease-in forwards}.animate-progress{animation:progress 5s linear}.turbo-progress-bar{background-color:var(--color-primary)}body{background-color:var(--bg-main);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.main-content{padding:var(--spacing-4)}@media(min-width: 768px){.main-content{padding:var(--spacing-6)}}.mesh-gradient{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-main);background-image:radial-gradient(at 0% 0%, var(--bg-accent-top) 0%, transparent 65%),radial-gradient(at 100% 100%, var(--bg-accent-bottom) 0%, transparent 65%),radial-gradient(at 50% 50%, rgba(128, 128, 128, 0.03) 0%, transparent 80%);z-index:-1;pointer-events:none;transition:background-color .3s ease}.back-button{position:fixed;top:1.5rem;left:1.5rem;z-index:1000;background:var(--ui-surface);border:1px solid var(--border-color);border-radius:50px;padding:.5rem;box-shadow:0 4px 12px var(--shadow-medium);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.back-button:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--shadow-strong)}.back-button:hover .back-button-icon{color:var(--icon-duotone-primary)}.back-button:hover .back-button-icon [opacity="0.2"]{fill:var(--icon-duotone-secondary)}.back-button-icon{width:20px;height:20px;color:var(--text-primary);transition:color .3s ease}.back-button-icon [opacity="0.2"]{fill:var(--icon-duotone-secondary);opacity:1}.theme-toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:1000;background:var(--ui-surface);border:1px solid var(--border-color);border-radius:50px;padding:.5rem;box-shadow:0 4px 12px var(--shadow-medium);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--shadow-strong)}.theme-toggle:hover .theme-toggle-icon{color:var(--icon-duotone-primary)}.theme-toggle:hover .theme-toggle-icon [opacity="0.2"]{fill:var(--icon-duotone-secondary)}.theme-toggle-icon{width:20px;height:20px;color:var(--text-primary);transition:color .3s ease}.theme-toggle-icon [opacity="0.2"]{fill:var(--icon-duotone-secondary);opacity:1}.theme-icon{display:none}:root .theme-icon--moon,[data-theme=light] .theme-icon--moon{display:inline}:root .theme-icon--sun,[data-theme=light] .theme-icon--sun{display:none}[data-theme=dark] .theme-icon--sun{display:inline}[data-theme=dark] .theme-icon--moon{display:none}.notification-bell{position:fixed;top:1.5rem;right:4.5rem;z-index:1000;background:var(--ui-surface);border:1px solid var(--border-color);border-radius:50px;padding:.5rem;box-shadow:0 4px 12px var(--shadow-medium);text-decoration:none;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.notification-bell:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--shadow-strong)}.notification-bell.has-unread{animation:bellShake .5s ease-in-out}.notification-bell-icon{width:20px;height:20px;color:var(--text-primary);transition:color .3s ease}.notification-bell-icon [opacity="0.2"]{fill:var(--icon-duotone-secondary);opacity:1}.notification-bell.has-unread .notification-bell-icon{color:var(--icon-duotone-primary)}.notification-bell.has-unread .notification-bell-icon [opacity="0.2"]{fill:var(--icon-duotone-secondary)}.bell-badge{position:absolute;top:-4px;right:-4px;background:var(--color-error);color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:.125rem .375rem;border-radius:var(--radius-full);min-width:18px;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.2)}@keyframes bellShake{0%,100%{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-5deg)}20%,40%,60%,80%{transform:rotate(5deg)}}body.detail-modal-open .theme-toggle,body.detail-modal-open .notification-bell{display:none}@media(max-width: 768px){.mesh-gradient{background-image:radial-gradient(at 0% 0%, var(--bg-accent-top) 0%, transparent 70%),radial-gradient(at 100% 100%, var(--bg-accent-bottom) 0%, transparent 70%),radial-gradient(at 50% 50%, rgba(128, 128, 128, 0.02) 0%, transparent 85%)}}