@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,800;1,700&family=DM+Sans:wght@300;400;500;600&display=swap);:root{--color-primary:#1e293b;--color-secondary:#334155;--color-accent:#667eea;--color-accent-secondary:#764ba2;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-disabled:#0f172a4d;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-glass:#0000000a;--color-bg-glass-hover:#0000000f;--color-bg-glass-focus:#0000000f;--color-border-primary:#e2e8f0;--color-border-focus:#667eea;--color-border-error:#ef4444;--color-border-success:#10b981;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-interactive-primary:#3b82f6;--color-interactive-primary-hover:#2563eb;--color-interactive-danger:#ef4444;--color-interactive-danger-hover:#dc2626;--gradient-primary:linear-gradient(135deg,#f5f7fa,#c3cfe2);--gradient-accent:linear-gradient(135deg,#667eea,#764ba2);--gradient-glass:linear-gradient(135deg,#0000000a,#00000005);--gradient-header-purple:linear-gradient(135deg,#667eea,#764ba2);--gradient-header-blue:linear-gradient(135deg,#3b82f6,#1d4ed8);--gradient-header-cyan-purple:linear-gradient(135deg,#06b6d4,#3b82f6 50%,#8b5cf6);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--spacing-4xl:40px;--spacing-5xl:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:50%;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 25px #0000001a;--shadow-xl:0 10px 30px #00000026;--shadow-2xl:0 20px 60px #0000004d;--shadow-focus:0 0 0 3px #667eea1a;--shadow-glass:0 8px 32px #0000004d;--shadow-text:0 2px 10px #00000026;--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;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--letter-spacing-tight:-0.5px;--letter-spacing-normal:0;--letter-spacing-wide:0.5px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}@media (prefers-contrast:high){:root{--color-text-secondary:#1e293b;--color-text-muted:#475569;--color-border-primary:#334155}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-normal:0s;--transition-slow:0s}}@media (max-width:768px){:root{--font-size-5xl:2rem;--font-size-4xl:1.75rem;--font-size-3xl:1.5rem;--font-size-2xl:1.25rem}}@media (max-width:480px){:root{--font-size-5xl:1.75rem;--font-size-4xl:1.5rem;--font-size-3xl:1.25rem}}@media (max-width:768px){body{max-width:100vw;overflow-x:hidden}img{height:auto;max-width:100%}a,div,h1,h2,h3,h4,h5,h6,p,span{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}code,pre,table{max-width:100%;overflow-x:auto}table{display:block;width:100%}.container,[class*=container],[class*=page],[class*=wrapper]{max-width:100vw;overflow-x:hidden;width:100%}.activity-card,.friend-card,.notification-item,.squad-card{max-width:100%;width:100%}}body,html{height:100%;margin:0;padding:0;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body:has(.login-page),body:has(.register-page){height:100vh;height:100dvh;margin:0;overflow:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav-actions .notification-center,.notification-center{display:inline-block;position:relative}@media (max-width:480px){.notification-center:not(.nav-actions .notification-center){bottom:calc(128px + env(safe-area-inset-bottom));position:fixed;right:calc(12px + env(safe-area-inset-right));z-index:1001}}.notification-center__bell{background:none;background-color:var(--background-secondary);border:1px solid #fbbf24;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#fbbf24;cursor:pointer;overflow:visible;padding:10px;position:relative;transition:all .2s ease}.notification-center__bell svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.notification-center__bell:hover{background-color:#fbbf241a;border-color:#f59e0b;box-shadow:0 4px 12px #fbbf244d;color:#f59e0b;transform:translateY(-1px)}.notification-center__bell.has-notifications{background-color:#fbbf2426;border-color:#f59e0b;box-shadow:0 2px 8px #fbbf2466;color:#f59e0b}.notification-center__badge{background-color:#ef4444;background-color:var(--error-color,#ef4444);border:2px solid #fff;border:2px solid var(--background-primary,#fff);border-radius:12px;box-shadow:0 4px 10px #00000040;color:#fff;font-size:11px;font-weight:700;line-height:1.2;min-width:20px;padding:2px 7px;pointer-events:none;position:absolute;right:-8px;text-align:center;top:-8px;z-index:5}.notification-center__connection-indicator{font-size:8px;left:-6px;opacity:1;position:absolute;top:-6px;z-index:2}.notification-center__connection-dot{animation:pulse 2s infinite;background-color:var(--error-color);border:2px solid var(--background-primary);border-radius:50%;box-shadow:0 2px 6px #0000004d;height:12px;width:12px}.notification-center__panel{position:absolute;right:0;top:100%}.nav-actions .notification-center__panel,.nav-notification-panel .notification-center__panel{--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-border-primary:#e5e7eb;--background-primary:#fff;animation:slideDown .2s ease-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:16px;bottom:100%;box-shadow:0 24px 48px #0000001f;color:#111827;color:var(--color-text-primary,#111827);display:flex;flex-direction:column;margin-bottom:8px;max-height:500px;overflow:hidden;top:auto;width:420px;z-index:1000}.notification-center__header{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);display:flex;justify-content:space-between;padding:16px 20px}.notification-center__title{color:#111827;color:var(--color-text-primary,#111827);font-size:18px;font-weight:600;margin:0}.notification-center__actions{display:flex;gap:8px}.notification-center__action{background:none;border:none;border-radius:6px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;padding:6px;pointer-events:auto;position:relative;transition:all .2s ease;z-index:1}.notification-center__action svg{color:inherit}.notification-center__action:hover{background-color:#f3f4f6;color:#111827;color:var(--color-text-primary,#111827)}.notification-center__controls{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);box-sizing:border-box;padding:16px 20px;width:100%}.notification-center__search{box-sizing:border-box;margin-bottom:12px;position:relative;width:100%}.notification-center__search svg{color:#6b7280;color:var(--color-text-secondary,#6b7280);height:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.notification-center__search-input{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:8px;box-sizing:border-box;color:#111827;color:var(--color-text-primary,#111827);font-size:14px;max-width:100%;padding:8px 12px 8px 36px;transition:border-color .2s ease;width:100%}.notification-center__search-input::placeholder{color:#9ca3af}.notification-center__search-input:focus{border-color:#6366f1;border-color:var(--primary-color,#6366f1);outline:none}.notification-center__filters{align-items:center;display:flex;gap:12px}.notification-center__filter-select{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:6px;color:#111827;color:var(--color-text-primary,#111827);flex:1 1;font-size:14px;padding:6px 8px}.notification-center__filter-select option{background:#fff;color:#111827}.notification-center__filter-checkbox{align-items:center;border-radius:6px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:4px 8px;transition:all .2s ease}.notification-center__filter-checkbox:hover{background-color:#f3f4f6;color:#111827;color:var(--color-text-primary,#111827)}.notification-center__filter-checkbox input{accent-color:#6366f1;accent-color:var(--primary-color,#6366f1);cursor:pointer;margin:0;pointer-events:auto;position:relative;z-index:10}.notification-center__content{flex:1 1;max-height:400px;overflow-y:auto}.notification-center__loading{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.notification-center__spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-top:2px solid #6366f1;border:2px solid var(--color-border-primary,#e5e7eb);border-radius:50%;border-top-color:var(--primary-color,#6366f1);height:24px;margin-bottom:12px;width:24px}.notification-center__empty{align-items:center;background:#f9fafb;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.notification-center__empty-icon{color:#6366f1;color:var(--primary-color,#6366f1);font-size:64px;margin-bottom:20px;opacity:1}.notification-center__empty p{color:#111827;color:var(--color-text-primary,#111827);font-size:18px;font-weight:600;margin:0 0 12px}.notification-center__empty small{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;opacity:.85}.notification-center__notifications{padding:8px 0}.notification-center__notification{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);cursor:pointer;display:flex;gap:12px;padding:12px 20px;position:relative;transition:background-color .2s ease}.notification-center__notification:hover{background-color:#f9fafb}.notification-center__notification:active{opacity:.9}.notification-center__notification.unread{background-color:#eef2ff;border-left:3px solid #6366f1;border-left:3px solid var(--primary-color,#6366f1)}.notification-center__notification.priority-high{border-left:3px solid #ef4444;border-left:3px solid var(--error-color,#ef4444)}.notification-center__notification.priority-medium{border-left:3px solid #f59e0b;border-left:3px solid var(--warning-color,#f59e0b)}.notification-center__notification-icon{flex-shrink:0;font-size:20px;margin-top:2px}.notification-center__notification-content{flex:1 1;min-width:0}.notification-center__notification-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.notification-center__notification-title{color:#111827;color:var(--color-text-primary,#111827);font-size:14px;font-weight:600;line-height:1.3;margin:0}.notification-center__notification-time{color:#6b7280;flex-shrink:0;font-size:12px;white-space:nowrap}.notification-center__notification-message{word-wrap:break-word;color:#374151;font-size:13px;line-height:1.4;margin:0 0 8px}.notification-center__link{color:#6366f1;color:var(--primary-color,#6366f1);font-weight:600;text-decoration:underline}.notification-center__link:hover{color:#4f46e5;color:var(--primary-color-hover,#4f46e5)}.notification-center__notification-data{background:#f3f4f6;border-radius:4px;color:#6b7280;font-family:monospace;font-size:11px;max-height:100px;overflow-y:auto;padding:6px 8px;white-space:pre-wrap}.notification-center__mark-read{background:none;border:none;border-radius:4px;color:#6b7280;color:var(--color-text-secondary,#6b7280);cursor:pointer;opacity:0;padding:4px;position:absolute;right:8px;top:8px;transition:all .2s ease}.notification-center__notification:hover .notification-center__mark-read{opacity:1}.notification-center__mark-read:hover{background-color:#f3f4f6;color:#6366f1;color:var(--primary-color,#6366f1)}.notification-center__footer{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-primary,#e5e7eb);color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;font-size:12px;justify-content:space-between;padding:12px 20px}.notification-center__stats{align-items:center;display:flex;gap:8px}.notification-center__connection-status{align-items:center;display:flex;font-size:11px;font-weight:500;gap:6px}.notification-center__connection-status.connected{color:var(--success-color)}.notification-center__connection-status.disconnected{color:var(--error-color)}.notification-center__connection-dot-footer{background-color:currentColor;border-radius:50%;height:6px;width:6px}.notification-center__backdrop{background:#00000040;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.notification-center__notification-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border-primary,#e5e7eb);display:flex;gap:8px;margin-top:12px;padding-top:12px}.notification-center__action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s ease}.notification-center__action-btn--accept{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.notification-center__action-btn--accept:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.notification-center__action-btn--decline{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.notification-center__action-btn--decline:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-1px)}.notification-center__action-btn:active{transform:translateY(0)}.notification-center__status-message{align-items:center;border-radius:8px;display:flex;flex:1 1;font-size:14px;font-weight:500;justify-content:center;padding:8px 16px}.notification-center__status-accepted{background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;padding:8px 16px}.notification-center__status-declined{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;padding:8px 16px}@media (max-width:480px){.notification-center__panel{animation:none;border-radius:16px;bottom:calc(72px + env(safe-area-inset-bottom));left:8px;max-height:70vh;position:fixed;right:8px;top:auto;width:auto}.notification-center{z-index:1001}.notification-center__controls,.notification-center__header,.notification-center__notification{padding:12px 16px}}.spinning{animation:spin 1s linear infinite}.WelcomeTutorial_tutorial__u2yiC{align-items:center;background:#fff;bottom:0;color-scheme:light;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.WelcomeTutorial_tutorialContainer__SeEAJ{align-items:center;background:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-width:100%;padding:32px 24px;position:relative;width:100%}.WelcomeTutorial_skipButton__rY0XA{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:14px;padding:8px 16px;position:absolute;right:20px;top:20px;transition:background-color .2s;z-index:10}.WelcomeTutorial_skipButton__rY0XA:hover{background-color:#f3f4f6}.WelcomeTutorial_skipButton__rY0XA:focus{outline:2px solid #667eea;outline-offset:2px}.WelcomeTutorial_screenContent__atZEG{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;padding:0;text-align:center;width:100%}.WelcomeTutorial_imageContainer__0VdLi,.WelcomeTutorial_screenImage__SQCFP{display:none}.WelcomeTutorial_screenTitle__0J5Fu{color:#1f2937;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 20px;text-align:center}.WelcomeTutorial_screenDescription__iigwC{color:#6b7280;font-size:18px;line-height:1.6;margin:0;max-width:480px;text-align:center}.WelcomeTutorial_progressDots__-3AEX{display:flex;gap:12px;margin-bottom:24px}.WelcomeTutorial_dot__u8xlm{background-color:#e5e7eb;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.WelcomeTutorial_dot__u8xlm:hover{background-color:#d1d5db;transform:scale(1.1)}.WelcomeTutorial_dot__u8xlm:focus{outline:2px solid #667eea;outline-offset:2px}.WelcomeTutorial_dotActive__rDcVN{background-color:#667eea;border-radius:5px;width:32px}.WelcomeTutorial_nextButton__VG0he{background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:0 auto;max-width:400px;min-height:48px;padding:16px 32px;transition:background-color .2s,transform .1s;width:100%}.WelcomeTutorial_nextButton__VG0he:hover{background-color:#5568d3}.WelcomeTutorial_nextButton__VG0he:active{transform:scale(.98)}.WelcomeTutorial_nextButton__VG0he:focus{outline:2px solid #667eea;outline-offset:2px}.WelcomeTutorial_squadButtonContainer__VMQn\+{display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:400px;width:100%}.WelcomeTutorial_primaryButton__p-3QQ{background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;padding:16px 32px;transition:background-color .2s,transform .1s;width:100%}.WelcomeTutorial_primaryButton__p-3QQ:hover{background-color:#5568d3}.WelcomeTutorial_primaryButton__p-3QQ:active{transform:scale(.98)}.WelcomeTutorial_primaryButton__p-3QQ:focus{outline:2px solid #667eea;outline-offset:2px}.WelcomeTutorial_secondaryButton__VKj2X{background-color:initial;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;padding:16px 32px;transition:background-color .2s,color .2s,transform .1s;width:100%}.WelcomeTutorial_secondaryButton__VKj2X:hover{background-color:#f0f2ff}.WelcomeTutorial_secondaryButton__VKj2X:active{transform:scale(.98)}.WelcomeTutorial_secondaryButton__VKj2X:focus{outline:2px solid #667eea;outline-offset:2px}@media (min-width:769px) and (max-width:1024px){.WelcomeTutorial_tutorialContainer__SeEAJ{padding:40px}.WelcomeTutorial_imageContainer__0VdLi{height:320px;width:320px}.WelcomeTutorial_screenTitle__0J5Fu{font-size:28px}.WelcomeTutorial_screenDescription__iigwC{font-size:18px}}@media (min-width:1025px){.WelcomeTutorial_tutorial__u2yiC{background-color:#00000080}.WelcomeTutorial_tutorialContainer__SeEAJ{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;height:auto;max-width:600px;padding:48px}.WelcomeTutorial_imageContainer__0VdLi{height:340px;width:340px}.WelcomeTutorial_screenTitle__0J5Fu{font-size:28px}.WelcomeTutorial_screenDescription__iigwC{font-size:18px}.WelcomeTutorial_skipButton__rY0XA:hover{background-color:#e5e7eb}.WelcomeTutorial_dot__u8xlm:hover{transform:scale(1.2)}}@media (max-width:768px){.WelcomeTutorial_tutorial__u2yiC{background:#00000080;padding:16px}.WelcomeTutorial_tutorialContainer__SeEAJ{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;height:auto;margin:0 auto;max-height:calc(100vh - 32px);max-width:calc(100vw - 32px);overflow-y:auto;padding:64px 32px 32px;width:100%}.WelcomeTutorial_skipButton__rY0XA{right:32px;top:40px}.WelcomeTutorial_screenContent__atZEG{max-width:100%;padding:0;text-align:center}.WelcomeTutorial_screenTitle__0J5Fu{font-size:24px;text-align:center;width:100%}.WelcomeTutorial_screenDescription__iigwC{font-size:16px;margin-left:auto;margin-right:auto;text-align:center;width:100%}.WelcomeTutorial_progressDots__-3AEX{margin-bottom:20px}.WelcomeTutorial_nextButton__VG0he{margin:0 auto;max-width:calc(100% - 64px);min-height:56px;padding:20px 24px;width:calc(100% - 64px)}.WelcomeTutorial_squadButtonContainer__VMQn\+{gap:12px;max-width:100%}.WelcomeTutorial_primaryButton__p-3QQ,.WelcomeTutorial_secondaryButton__VKj2X{padding:16px 24px}}@media (max-width:375px){.WelcomeTutorial_tutorial__u2yiC{padding:12px}.WelcomeTutorial_tutorialContainer__SeEAJ{max-height:calc(100vh - 24px);max-width:calc(100vw - 24px);padding:52px 24px 28px;width:100%}.WelcomeTutorial_skipButton__rY0XA{right:24px;top:36px}.WelcomeTutorial_screenContent__atZEG{max-width:100%;padding:0;text-align:center}.WelcomeTutorial_screenTitle__0J5Fu{font-size:22px;margin-bottom:16px;text-align:center;width:100%}.WelcomeTutorial_screenDescription__iigwC{font-size:15px;line-height:1.5;text-align:center;width:100%}.WelcomeTutorial_nextButton__VG0he{font-size:15px;margin:0 auto;max-width:calc(100% - 48px);min-height:52px;padding:18px 20px;width:calc(100% - 48px)}.WelcomeTutorial_squadButtonContainer__VMQn\+{gap:10px}.WelcomeTutorial_primaryButton__p-3QQ,.WelcomeTutorial_secondaryButton__VKj2X{font-size:15px;padding:14px 20px}}@media (prefers-reduced-motion:reduce){.WelcomeTutorial_screenImage__SQCFP{animation:none}.WelcomeTutorial_dot__u8xlm,.WelcomeTutorial_nextButton__VG0he{transition:none}}.SquadTutorial_squadTutorial__buqra{align-items:center;background:#fff;bottom:0;color-scheme:light;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.SquadTutorial_container__RNrB2{align-items:center;background:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-width:100%;padding:32px 24px;position:relative;width:100%}.SquadTutorial_skipButton__PmRZf{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:14px;padding:8px 16px;position:absolute;right:20px;top:20px;transition:background-color .2s;z-index:10}.SquadTutorial_skipButton__PmRZf:hover{background-color:#f3f4f6}.SquadTutorial_skipButton__PmRZf:focus{outline:2px solid #667eea;outline-offset:2px}.SquadTutorial_content__a5cTM{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin:0 auto;max-width:500px;padding:0;text-align:center;width:100%}.SquadTutorial_imageContainer__oEe4-,.SquadTutorial_image__nNNbk{display:none}.SquadTutorial_title__UdACx{color:#1f2937;font-size:28px;font-weight:700;line-height:1.3;margin:0 0 20px;text-align:center}.SquadTutorial_description__rBubn{color:#6b7280;font-size:18px;line-height:1.6;margin:0;max-width:480px;text-align:center}.SquadTutorial_progressDots__hjm41{display:flex;gap:12px;margin-bottom:24px}.SquadTutorial_dot__gA5yK{background-color:#e5e7eb;border:none;border-radius:50%;cursor:pointer;height:10px;padding:0;transition:all .3s ease;width:10px}.SquadTutorial_dot__gA5yK:hover{background-color:#d1d5db;transform:scale(1.1)}.SquadTutorial_dot__gA5yK:focus{outline:2px solid #667eea;outline-offset:2px}.SquadTutorial_active__rVgZ\+{background-color:#667eea;border-radius:5px;width:32px}.SquadTutorial_nextButton__3UWIj{background-color:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin:0 auto;max-width:400px;min-height:48px;padding:16px 32px;transition:background-color .2s,transform .1s;width:100%}.SquadTutorial_nextButton__3UWIj:hover{background-color:#5568d3}.SquadTutorial_nextButton__3UWIj:active{transform:scale(.98)}.SquadTutorial_nextButton__3UWIj:focus{outline:2px solid #667eea;outline-offset:2px}@media (min-width:769px) and (max-width:1024px){.SquadTutorial_container__RNrB2{padding:40px}.SquadTutorial_imageContainer__oEe4-{height:320px;width:320px}.SquadTutorial_title__UdACx{font-size:28px}.SquadTutorial_description__rBubn{font-size:18px}}@media (min-width:1025px){.SquadTutorial_squadTutorial__buqra{background-color:#00000080}.SquadTutorial_container__RNrB2{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;height:auto;max-width:600px;padding:48px}.SquadTutorial_imageContainer__oEe4-{height:340px;width:340px}.SquadTutorial_title__UdACx{font-size:28px}.SquadTutorial_description__rBubn{font-size:18px}.SquadTutorial_skipButton__PmRZf:hover{background-color:#e5e7eb}.SquadTutorial_dot__gA5yK:hover{transform:scale(1.2)}}@media (max-width:768px){.SquadTutorial_squadTutorial__buqra{background:#00000080;padding:16px}.SquadTutorial_container__RNrB2{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;height:auto;margin:0 auto;max-height:calc(100vh - 32px);max-width:calc(100vw - 32px);overflow-y:auto;padding:64px 32px 32px;width:100%}.SquadTutorial_skipButton__PmRZf{right:32px;top:40px}.SquadTutorial_content__a5cTM{max-width:100%;padding:0;text-align:center}.SquadTutorial_title__UdACx{font-size:24px;text-align:center;width:100%}.SquadTutorial_description__rBubn{font-size:16px;margin-left:auto;margin-right:auto;text-align:center;width:100%}.SquadTutorial_progressDots__hjm41{margin-bottom:20px}.SquadTutorial_nextButton__3UWIj{margin:0 auto;max-width:calc(100% - 64px);min-height:56px;padding:20px 24px;width:calc(100% - 64px)}}@media (max-width:375px){.SquadTutorial_squadTutorial__buqra{padding:12px}.SquadTutorial_container__RNrB2{max-height:calc(100vh - 24px);max-width:calc(100vw - 24px);padding:52px 24px 28px;width:100%}.SquadTutorial_skipButton__PmRZf{right:24px;top:36px}.SquadTutorial_content__a5cTM{max-width:100%;padding:0;text-align:center}.SquadTutorial_title__UdACx{font-size:22px;margin-bottom:16px;text-align:center;width:100%}.SquadTutorial_description__rBubn{font-size:15px;line-height:1.5;text-align:center;width:100%}.SquadTutorial_nextButton__3UWIj{font-size:15px;margin:0 auto;max-width:calc(100% - 48px);min-height:52px;padding:18px 20px;width:calc(100% - 48px)}}@media (prefers-reduced-motion:reduce){.SquadTutorial_image__nNNbk{animation:none}.SquadTutorial_dot__gA5yK,.SquadTutorial_nextButton__3UWIj{transition:none}}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-top:1px solid #0000001a;bottom:0;height:64px;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:1110}.nav-container,.navigation{align-items:center;display:flex}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 calc(1rem + env(safe-area-inset-right)) 0 calc(1rem + env(safe-area-inset-left));width:100%}.nav-brand,.nav-logo{display:none}.nav-tabs{background:#f9fafbcc;border-radius:12px;padding:.25rem}.nav-tab,.nav-tabs{align-items:center;display:flex;gap:.5rem}.nav-tab{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-tab:hover{background:#ffffffb3;color:#374151;transform:translateY(-1px)}.nav-tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#3b82f6}.nav-tab--notification{position:relative}.nav-tab--notification .notification-badge{background-color:#ef4444;border:2px solid #fff;border-radius:10px;box-shadow:0 2px 6px #0003;color:#fff;font-size:10px;font-weight:700;line-height:1.2;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px;z-index:1}.nav-tab.active:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:2px;left:0;position:absolute;right:0;top:0}.nav-avatar,.nav-user,.nav-user-info,.nav-username{display:none}.nav-actions{gap:.5rem}.nav-actions,.nav-tab-wrapper{align-items:center;display:flex}.nav-tab-wrapper{position:relative}.nav-notification-panel{bottom:calc(100% + 8px);position:absolute;right:0;z-index:1200}.nav-notification-panel .notification-center{display:block;position:relative}.nav-notification-panel .notification-center__bell{display:none}.nav-notification-panel .notification-center__panel{left:auto;margin:0;max-width:calc(100vw - 32px);top:auto;width:420px}.nav-help-menu,.nav-notification-panel .notification-center__panel{animation:slideUp .2s ease-out;bottom:calc(72px + env(safe-area-inset-bottom));position:fixed;right:calc(1rem + env(safe-area-inset-right));z-index:9999}.nav-help-menu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d;min-width:300px;overflow:hidden}.help-menu-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px}.help-menu-header h4{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.help-menu-item{align-items:flex-start;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:background-color .15s ease;width:100%}.help-menu-item:hover{background-color:#f3f4f6}.help-menu-item:active{background-color:#e5e7eb}.help-menu-item:focus{background-color:#f0f9ff;box-shadow:inset 0 0 0 2px #667eea;outline:none}.help-menu-icon{flex-shrink:0;font-size:24px;margin-top:2px}.help-menu-content{flex:1 1;min-width:0}.help-menu-title{color:#1f2937;font-size:15px;font-weight:600;margin-bottom:2px}.help-menu-description{color:#6b7280;font-size:13px;line-height:1.4}.help-menu-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 16px;text-align:center}.help-duration{color:#9ca3af;font-size:12px;font-style:italic}.nav-login-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.nav-login-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}@media (max-width:768px){.nav-container{justify-content:space-between;padding:0 .75rem}.nav-tabs{-ms-overflow-style:none;flex:1 1;gap:.25rem;overflow-x:auto;overflow-y:hidden;padding:.125rem;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{flex-shrink:0;font-size:.8rem;padding:.375rem .75rem}.nav-tab span{display:none}.nav-actions{display:flex;flex-shrink:0;margin-left:.5rem}.nav-actions .nav-tab{gap:0;min-width:auto;padding:.375rem}.nav-actions .nav-tab span,.nav-username{display:none}.nav-avatar{height:28px;width:28px}.nav-help-menu{bottom:calc(72px + env(safe-area-inset-bottom));left:16px;max-width:none;min-width:280px;right:16px;width:auto}.help-menu-header{padding:12px}.help-menu-item{padding:10px 12px}.nav-notification-panel .notification-center__panel{bottom:calc(72px + env(safe-area-inset-bottom));left:16px;max-width:none;min-width:280px;right:16px;width:auto}}@media (max-width:480px){.navigation{height:56px}.nav-container{justify-content:space-between;padding:0 .5rem}.nav-tabs{-ms-overflow-style:none;flex:1 1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-logo{font-size:1.1rem}.nav-tab{flex-shrink:0;padding:.25rem .5rem}.nav-actions{display:flex;flex-shrink:0;margin-left:.25rem}.nav-actions .nav-tab{gap:0;min-width:auto;padding:.25rem}.nav-actions .nav-tab span{display:none}}.nav-avatar,.nav-login-btn,.nav-tab{transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-login-btn:focus-visible,.nav-tab:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}@media (max-width:480px){body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}}.explore-page{--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-disabled:#0f172a4d;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-glass:#0000000a;--color-bg-glass-hover:#0000000f;--color-border-primary:#00000014;--color-border-focus:#667eea;--gradient-primary:linear-gradient(135deg,#f5f7fa,#c3cfe2);--explore-bg-secondary:#e2e8f0;--explore-header-height:auto;background:var(--color-bg-secondary);color:var(--color-text-primary);color-scheme:light;min-height:100vh;padding:var(--spacing-lg)}.explore-header-container{position:relative;z-index:100}.explore-banner{background:var(--gradient-header-purple);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);box-sizing:border-box;color:#fff;margin-bottom:0;max-width:100%;padding:var(--spacing-md) var(--spacing-xl)}.quick-filters-banner{-webkit-overflow-scrolling:touch;display:none;flex-wrap:nowrap;gap:8px;margin:0 -4px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:none}.quick-filters-banner::-webkit-scrollbar{display:none}.quick-filter-chip{background:#ffffff40;border:1px solid #fff6;border-radius:999px;color:#fff;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.quick-filter-chip.active,.quick-filter-chip:hover{background:#fff6;border-color:#fff9}@media (max-width:480px){.quick-filters-banner{display:flex}}.explore-title-switcher{align-items:center;display:flex;gap:var(--spacing-sm);justify-content:center;width:100%}.title-switch-btn{background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:var(--font-size-lg);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.title-switch-btn:hover{background:#ffffff1a;color:#ffffffe6}.title-switch-btn.active{background:#ffffff26;color:#fff;font-weight:700}.explore-content{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto}.explore-content .activities-grid,.explore-content .explore-tab,.explore-content .results-section{margin-top:0!important;padding-top:0!important}@media (min-width:481px){.explore-content{max-height:calc(100vh - 200px);max-height:calc(100dvh - 200px)}}@media (max-width:480px){.explore-page.immersive-mobile{--explore-header-height:72px;background:var(--color-bg-secondary);display:flex;flex-direction:column;height:100dvh;max-width:100vw;overflow:hidden;padding:0;width:100vw}.explore-page.immersive-mobile .explore-header-container{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #667eea33;height:var(--explore-header-height);left:0;position:fixed;right:0;top:0;z-index:1101}.explore-page.immersive-mobile .explore-banner{background:#0000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0;padding:6px 16px}.explore-page.immersive-mobile .debug-activity-count{display:none}.explore-page.immersive-mobile .banner-meta{flex-shrink:0;margin:0;padding:var(--spacing-xs) 0}.explore-page.immersive-mobile .explore-title-switcher{gap:var(--spacing-xs)}.explore-page.immersive-mobile .title-switch-btn{font-size:1rem;padding:var(--spacing-xs)}.explore-page.immersive-mobile .search-input-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2!important;border:1px solid #ffffff4d!important;border-radius:999px;height:38px;padding:0 12px}.explore-page.immersive-mobile .main-search-container{gap:0;margin-bottom:0;padding:0}.explore-page.immersive-mobile .main-search-input{color:#0f172a!important;font-size:.875rem;padding:0 48px 0 36px}.explore-page.immersive-mobile .clear-search-btn,.explore-page.immersive-mobile .filter-inline-btn,.explore-page.immersive-mobile .search-icon{color:#64748b!important;height:20px;width:20px}.explore-page.immersive-mobile .explore-content{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;height:calc(100dvh - var(--explore-header-height) - 56px - env(safe-area-inset-bottom));height:calc(100dvh - var(--explore-header-height) - var(--bottom-nav-height, 56px) - env(safe-area-inset-bottom));margin-top:var(--explore-header-height);overflow-y:auto;padding-bottom:env(safe-area-inset-bottom,0)}}.filter-panel-content-wrapper,.filter-panel-modal{background:#00000080;display:flex;flex-direction:column;inset:0;position:fixed;z-index:1200}.filter-panel-content{-webkit-overflow-scrolling:touch;background:#fff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;margin:60px 12px 0;max-height:calc(90dvh - 56px - env(safe-area-inset-bottom));max-height:calc(90dvh - var(--bottom-nav-height, 56px) - env(safe-area-inset-bottom));overflow-y:auto}.filter-actions-bar{background:#fff;border-top:1px solid #e2e8f0;bottom:0;display:flex;flex-shrink:0;gap:12px;padding:16px;position:-webkit-sticky;position:sticky;z-index:10}@supports (padding-bottom:env(safe-area-inset-bottom)){.filter-actions-bar{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}.advanced-filters-toggle,.age-preset-btn,.gender-preference-btn,.participant-size-btn,.show-more-categories-btn{background:#eef2f7;border:1px solid #cbd5e1;color:#475569}.age-preset-btn:hover,.gender-preference-btn:hover,.participant-size-btn:hover{background:#e2e8f0}.age-preset-btn.active,.gender-preference-btn.active,.participant-size-btn.active{background:#667eea;border-color:#667eea;color:#fff}@media (prefers-contrast:high){.explore-page{background:#000;color:#fff}}@media (prefers-reduced-motion:reduce){.explore-page *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.active-filters-banner{-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:8px;margin:0 -4px;overflow-x:auto;padding:12px 0 4px;scrollbar-width:none}.active-filters-banner::-webkit-scrollbar{display:none}.active-filters-banner .category-tag{flex-shrink:0;font-size:13px;margin:0;padding:6px 12px;white-space:nowrap}.active-filters-banner .category-tag.selected{box-shadow:0 2px 8px #00000026}.active-filter-chip{background:#ffffff59;border:1px solid #ffffff80;border-radius:999px;color:#fff;font-size:13px;font-weight:500;min-width:-webkit-max-content;min-width:max-content}.active-filter-chip button{color:#fff;font-size:16px;line-height:1;margin-left:2px;padding:0 4px}.search-row-wrapper{align-items:center;display:flex;position:relative}.search-row-wrapper .search-section{flex:1 1;margin-bottom:0}@keyframes event-spin{to{transform:rotate(1turn)}}.event-search-spinner{animation:event-spin .8s linear infinite;color:#667eea;color:var(--color-border-focus,#667eea);flex-shrink:0;pointer-events:none;position:absolute;right:56px}.event-search-badge{align-items:center;background:#667eea1f;border:1px solid #667eea59;border-radius:999px;color:var(--color-text-primary);display:inline-flex;font-size:13px;font-weight:500;gap:8px;margin-top:8px;padding:6px 14px 6px 12px}.event-search-badge-dismiss{align-items:center;background:none;border:none;border-radius:999px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:2px;transition:color .15s ease}.event-search-badge-dismiss:hover{color:var(--color-text-primary)}.event-search-empty-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:64px 24px;text-align:center}.event-search-empty-state p{color:var(--color-text-secondary);font-size:15px;margin:0}.event-search-empty-cta{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-accent,linear-gradient(135deg,#667eea,#764ba2));border:none;border-radius:12px;border-radius:var(--radius-lg,12px);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:opacity .15s ease}.event-search-empty-cta:hover{opacity:.88}.clear-all-btn{background:#0000;border:1px solid #fff9;border-radius:999px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;white-space:nowrap}.clear-all-btn:hover{background:#ffffff26}.active-filters-strip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-sm) 12px;scrollbar-width:none}.active-filters-strip::-webkit-scrollbar{display:none}.active-filter-chip{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-xl);color:#fffc;display:inline-flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:6px;padding:6px 12px;white-space:nowrap}.active-filter-chip button{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:700;height:16px;justify-content:center;margin-left:4px;padding:0;transition:var(--transition-fast);width:16px}.active-filter-chip button:hover{background:#ffffff1a;color:#ffffffe6}.clear-all-filters-btn{background:none;border:none;color:#fff9;cursor:pointer;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:3px 4px;text-decoration:underline;text-underline-offset:2px;transition:var(--transition-fast);white-space:nowrap}.clear-all-filters-btn:hover{color:#ffffffe6}.active-filters-strip .category-tag{flex-shrink:0;min-width:-webkit-max-content;min-width:max-content;white-space:nowrap}.category-tag{border:none!important;border-radius:1rem;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:default;display:inline-block;font-size:14px;font-weight:600;margin:.25rem;min-width:56px;outline:none!important;padding:8px 12px;text-align:center;text-shadow:0 1px 2px #0000004d;transition:all .2s ease;-webkit-user-select:none;user-select:none}.category-tag--default{color:#fff!important}.category-tag--default.interactive:not(.selected){background-color:#fff!important;border:none!important;color:#374151!important;text-shadow:none!important}.category-tag--default.interactive.selected{color:#fff!important;text-shadow:0 1px 2px #0000004d!important}.category-tag--loading{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border:none!important;color:#6b7280!important}.category-tag--fallback{background-color:#6b7280!important;border:none!important;color:#fff!important}.category-tag.category-tag--filter,.category-tag.category-tag--selection{border:none!important;text-shadow:none!important}.category-tag--filter.interactive:not(.selected){background-color:#fff!important;border:none!important;color:#374151!important;text-shadow:none!important}.category-tag--filter.interactive.selected{border:none!important;color:#fff!important;text-shadow:0 1px 2px #0000004d!important}.category-tag:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.category-tag span{display:block;text-transform:capitalize}.categories-list .category-tag.editable-profile-content__category-tag,.category-tag.editable-profile-content__category-tag{font-size:14px;padding:8px 12px}.category-tag.interactive{cursor:pointer}.category-tag.interactive:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.category-tag.selected{box-shadow:0 2px 8px #0003;transform:scale(1.05)}.location-section{position:relative;width:100%}.location-search-container{position:relative;width:100%}.location-search-container.suggestions-open{z-index:1000}.location-input-wrapper{background:#fff;border:2px solid #e2e8f0;border-radius:8px;min-height:44px;position:relative;transition:all .15s ease}.location-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 2px #667eea26}.location-input-wrapper.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.location-search-icon{color:#94a3b8;flex-shrink:0;left:12px;pointer-events:none;position:absolute}.location-search-input{background:#0000;border:none;color:#111827;cursor:text;flex:1 1;font-family:inherit;font-size:14px;line-height:1.5;outline:none;padding:10px 12px 10px 40px;width:100%}.location-search-input::placeholder{color:#94a3b8}.location-search-input:disabled{background-color:#f8fafc;color:#94a3b8;cursor:not-allowed}.location-input-actions{align-items:center;display:flex;gap:4px;padding-right:8px}.location-loading-spinner{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.spinner{border:2px solid #e2e8f0;border-top-color:#94a3b8;height:16px;width:16px}.location-current-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.location-current-btn:hover{background:#f8fafc;color:#64748b}.location-current-btn:disabled{cursor:not-allowed;opacity:.5}.location-clear-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .15s ease;width:28px}.location-clear-button:hover{background:#f8fafc;color:#f87171}.location-error{background:#fef2f2;border:1px solid #fee2e2;border-radius:6px;color:#dc2626;font-size:13px;line-height:1.4;margin-top:6px;padding:8px 12px}.location-tbd-checkbox{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:13px;gap:8px;margin-top:10px;padding:8px 12px;transition:all .15s ease;-webkit-user-select:none;user-select:none;width:-webkit-fit-content;width:fit-content}.location-tbd-checkbox:hover{background:#f8fafc;border-color:#cbd5e1}.location-tbd-checkbox input[type=checkbox]{accent-color:#94a3b8;cursor:pointer;height:16px;width:16px}.location-tbd-checkbox span{color:#64748b;font-weight:500}.location-suggestions{animation:slideDown .15s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;left:0;max-height:320px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:1001}.suggestions-group{padding:4px 0}.suggestions-label{align-items:center;color:#94a3b8;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.05em;padding:8px 12px 6px;text-transform:uppercase}.suggestions-label svg{height:12px;width:12px}.suggestion-item{align-items:flex-start;background:none;border:none;color:#111827;cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:background-color .1s ease;width:100%}.suggestion-item:hover{background-color:#f8fafc}.suggestion-item:active{background-color:#f1f5f9}.suggestion-icon{color:#94a3b8;flex-shrink:0;margin-top:2px}.suggestion-content{flex:1 1;min-width:0}.suggestion-name{color:#111827;font-size:14px;font-weight:500;margin-bottom:2px}.suggestion-address,.suggestion-name{line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-address{color:#94a3b8;font-size:12px}.suggestions-empty{color:#94a3b8;padding:24px 16px;text-align:center}.suggestions-empty p{font-size:14px;margin:0}.suggestions-empty-hint{color:#cbd5e1;font-size:12px;margin-top:4px}@media (max-width:768px){.location-search-input{font-size:16px;padding:12px 12px 12px 40px}.location-suggestions{max-height:280px}}.location-clear-button:focus,.location-current-btn:focus,.location-search-input:focus,.suggestion-item:focus{outline:2px solid #cbd5e1;outline-offset:2px}.explore-location-section.location-section,.filter-panel-location-section.location-section,.location-filter-wrapper .location-section{margin:0}.explore-location-section .form-group-label,.explore-location-section .form-section-title,.filter-panel-location-section .form-group-label,.filter-panel-location-section .form-section-title,.location-filter-wrapper .form-group-label,.location-filter-wrapper .form-section-title{display:none}.enhanced-search-section{margin-bottom:0;width:100%}.main-search-container{align-items:center;display:flex;gap:16px;margin-bottom:0;width:100%}.search-input-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:999px;display:flex;flex:1 1;min-width:0;padding:10px 12px;position:relative;transition:all .3s ease;width:100%}.search-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.search-icon{color:#64748b;margin-right:8px}.main-search-input{flex:1 1;font-size:.875rem;min-width:0;padding:0 40px 0 32px}.main-search-input::placeholder{color:#94a3b8}.filter-inline-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;position:absolute;right:10px;transition:all .2s ease;width:32px}.filter-inline-btn:hover{background:#667eea1a;color:#667eea}.match-celebration-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.match-celebration-modal{animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#ff6b6b,#ff8e8e,#ffa8a8);border-radius:24px;box-shadow:0 25px 50px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;padding:40px;position:relative;width:90%}.confetti-container{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.confetti{animation:confettiFall 3s linear infinite;background:#fff;height:10px;position:absolute;width:10px}.confetti-0{animation-delay:0s;background:#ff6b6b;left:10%}.confetti-1{animation-delay:.2s;background:#4ecdc4;left:20%}.confetti-2{animation-delay:.4s;background:#45b7d1;left:30%}.confetti-3{animation-delay:.6s;background:#f9ca24;left:40%}.confetti-4{animation-delay:.8s;background:#f0932b;left:50%}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.match-celebration-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10}.match-celebration-close:hover{background:#ffffff4d;transform:scale(1.1)}.match-celebration-content{color:#fff;opacity:0;position:relative;text-align:center;transform:translateY(20px);transition:all .5s ease .3s;z-index:5}.match-celebration-content.show{opacity:1;transform:translateY(0)}.match-celebration-header{margin-bottom:30px;text-align:center}.match-hearts{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:20px}.heart{animation:heartBeat 1.5s ease-in-out infinite;color:#fff}.heart-1{animation-delay:0s}.heart-2{animation-delay:.3s}.heart-3{animation-delay:.6s}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.match-title{color:#fff!important;font-size:2.5rem;font-weight:800;margin:0 0 10px;text-align:center;text-shadow:0 2px 4px #0000004d}.match-subtitle{font-size:1.1rem;font-weight:500;margin:0;opacity:.9}.match-user-info{margin-bottom:30px}.match-user-avatar{display:inline-block;margin-bottom:15px;position:relative}.match-user-avatar img{border:4px solid #fff;border-radius:50%;box-shadow:0 8px 20px #0003;height:80px;width:80px}.avatar-sparkles{align-items:center;animation:sparkle 2s ease-in-out infinite;background:#f9ca24;border-radius:50%;display:flex;height:30px;justify-content:center;position:absolute;right:-5px;top:-5px;width:30px}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(180deg)}}.match-user-name{font-size:1.5rem;font-weight:700;margin:0 0 8px;text-shadow:0 1px 2px #0000004d}.match-user-bio{font-size:.9rem;margin:0 auto;max-width:300px;opacity:.8}.match-activity-context{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:12px;margin-bottom:30px;padding:20px}.activity-info{align-items:center;display:flex;font-size:.9rem;gap:8px;justify-content:center;margin-bottom:10px;opacity:.8}.activity-title{color:#fff!important;font-size:1.2rem;font-weight:600;text-align:center;text-shadow:0 1px 2px #0000004d}.match-actions{gap:15px;margin-bottom:20px}.match-action,.match-actions{display:flex;justify-content:center}.match-action{align-items:center;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;gap:8px;min-width:140px;padding:12px 24px;transition:all .2s ease}.match-action--primary{background:#fff;box-shadow:0 4px 12px #0003;color:#ff6b6b}.match-action--primary:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.match-action--secondary{background:#fff3;border:2px solid #ffffff4d;color:#fff}.match-action--secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.match-message{font-size:.9rem;font-style:italic;opacity:.8}@media (max-width:640px){.match-celebration-modal{margin:20px;padding:30px 20px}.match-title{font-size:2rem}.match-actions{align-items:center;flex-direction:column}.match-action{max-width:200px;width:100%}.match-user-avatar img{height:60px;width:60px}.avatar-sparkles{height:25px;width:25px}}.share-modal-overlay{align-items:center!important;background-color:#00000080;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;margin:0!important;padding:20px;position:fixed!important;right:0!important;top:0!important;transform:none!important;z-index:9999!important}.share-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}.share-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.share-modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.share-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:8px;transition:all .2s;width:40px}.share-modal-close:hover{background-color:#f3f4f6;color:#374151}.share-modal-close:disabled{cursor:not-allowed;opacity:.5}.share-modal-content{padding:24px}.share-activity-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.share-activity-preview h4{color:#111827;font-size:1.125rem;font-weight:600;margin:0 0 8px}.share-activity-preview p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 12px}.share-activity-meta{color:#6b7280;display:flex;font-size:.75rem;gap:16px}.share-form{gap:20px}.share-form,.share-type-selection{display:flex;flex-direction:column}.share-type-selection{gap:12px}.share-type-selection label{color:#374151;font-size:.875rem;font-weight:500}.share-type-options{display:flex;flex-wrap:wrap;gap:8px}.share-type-option{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s}.share-type-option:hover{background-color:#f8fafc;border-color:#3b82f6}.share-type-option.active{background-color:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.share-type-option:disabled{cursor:not-allowed;opacity:.5}.external-share-options{display:flex;flex-direction:column;gap:12px}.external-share-options label{color:#374151;font-size:.875rem;font-weight:500}.share-method-buttons{display:flex;flex-wrap:wrap;gap:8px}.share-method-button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s}.share-method-button:hover{background-color:#f8fafc;border-color:#3b82f6}.friend-selection,.squad-selection{display:flex;flex-direction:column;gap:12px}.friend-selection label{color:#374151;font-size:.875rem;font-weight:500}.loading-friends{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:8px;padding:20px}.friends-list{border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;max-height:200px}.friend-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.friend-item:hover{background-color:#f9fafb}.friend-item.selected{background-color:#eff6ff;border:1px solid #3b82f6}.friend-avatar{border-radius:50%;height:40px;width:40px}.friend-avatar-placeholder{align-items:center;background-color:#3b82f6;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:100%;justify-content:center;width:100%}.friend-info{flex-direction:column;gap:2px}.friend-name{color:#111827;font-size:.875rem;font-weight:500}.friend-email{color:#6b7280;font-size:.75rem}.friend-checkbox{align-items:center;border:2px solid #d1d5db;border-radius:4px;color:#3b82f6;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.friend-item.selected .friend-checkbox{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.no-friends{color:#6b7280;font-size:.875rem;padding:20px;text-align:center}.squad-selection label{color:#374151;font-size:.875rem;font-weight:500}.loading-squads{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:8px;padding:20px}.squads-list{border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:8px}.squad-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.squad-item:hover{background-color:#f9fafb}.squad-item.selected{background-color:#eff6ff;border:1px solid #3b82f6}.squad-avatar{border-radius:8px;flex-shrink:0;height:40px;overflow:hidden;width:40px}.squad-avatar img{height:100%;object-fit:cover;width:100%}.squad-avatar-placeholder{align-items:center;background-color:#10b981;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:100%;justify-content:center;width:100%}.squad-info{flex:1 1;flex-direction:column;gap:2px}.squad-name{color:#111827;font-size:.875rem;font-weight:500}.squad-members{color:#6b7280;font-size:.75rem}.squad-checkbox{align-items:center;border:2px solid #d1d5db;border-radius:4px;color:#3b82f6;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.squad-item.selected .squad-checkbox{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.no-squads{color:#6b7280;font-size:.875rem;padding:20px;text-align:center}.share-message{display:flex;flex-direction:column;gap:8px}.share-message label{color:#374151;font-size:.875rem;font-weight:500}.share-message textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:.875rem;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s,box-shadow .2s}.share-message textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.character-count{color:#6b7280;font-size:.75rem}.share-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn{border-radius:8px;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.btn:disabled{opacity:.5}.btn-secondary{background:#fff;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}@media (max-width:640px){.share-modal{margin:10px;max-height:90vh}.share-modal-header{padding:16px 20px}.share-modal-content{padding:20px}.share-form-actions,.share-method-buttons,.share-type-options{flex-direction:column}}.capacity-validation{border:1px solid;border-radius:8px;font-size:.875rem;line-height:1.4;margin-top:12px;padding:12px}.capacity-validation.valid{background-color:#f0f9ff;border-color:#0ea5e9;color:#0369a1}.capacity-validation.invalid{background-color:#fef2f2;border-color:#ef4444;color:#dc2626}.validation-message{font-weight:500;margin-bottom:4px}.capacity-details{font-size:.8rem;font-weight:400;opacity:.8}.share-button{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#334155;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s;white-space:nowrap}.share-button:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.share-button:active{background-color:#f3f4f6;transform:translateY(1px)}.share-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.share-button:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.share-button--default{font-size:.875rem;padding:12px 20px}.share-button--compact{font-size:.75rem;padding:8px 12px}.share-button--icon-only{border-radius:50%;height:36px;justify-content:center;padding:8px;width:36px}.share-button--sm{font-size:.75rem;gap:6px;padding:6px 12px}.share-button--sm.share-button--icon-only{height:28px;padding:6px;width:28px}.share-button--md{font-size:.875rem;gap:8px;padding:8px 16px}.share-button--md.share-button--icon-only{height:36px;padding:8px;width:36px}.share-button--lg{font-size:1rem;gap:10px;padding:12px 24px}.share-button--lg.share-button--icon-only{height:44px;padding:12px;width:44px}.share-button--loading{color:#0000;position:relative}.share-button--loading:after{animation:spin 1s linear infinite;border:2px solid #d1d5db;border-radius:50%;border-top-color:#3b82f6;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}.share-button--icon-only.share-button--loading:after{height:12px;margin:-6px 0 0 -6px;width:12px}@media (max-width:640px){.share-button--default{font-size:.8rem;padding:10px 16px}.share-button--compact{font-size:.7rem;padding:6px 10px}.share-button--icon-only{height:32px;padding:6px;width:32px}}.action-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;padding:16px}.action-footer--hosted{background:#1f2937cc!important;border:1px solid #ffffff1f!important;border-radius:12px!important;padding:16px!important}.action-footer--hosted .action-footer__primary-actions{flex-wrap:wrap;gap:6px;justify-content:flex-start}.action-footer--hosted .action-button{flex:1 1;justify-content:center;max-width:120px;min-width:80px}.action-footer--explore{align-items:center!important;border-top:none!important;flex-direction:row!important;gap:20px!important;justify-content:center!important;padding:8px 16px!important}.action-footer--explore .action-footer__main,.action-footer--explore .action-footer__secondary{align-items:center!important;display:flex!important;flex:0 0 auto!important;gap:20px!important;justify-content:center!important}.action-footer--explore .action-footer__primary-actions{align-items:center!important;display:flex!important;flex:0 0 auto!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:20px!important;justify-content:center!important}.action-footer--explore .action-button{align-items:center!important;border-radius:50%!important;display:flex!important;flex:0 0 44px!important;font-size:0!important;gap:0!important;height:44px!important;justify-content:center!important;min-width:44px!important;padding:0!important;width:44px!important}.action-footer--explore .action-button svg{height:18px!important;width:18px!important}.action-footer--explore .share-button{align-items:center!important;border-radius:50%!important;display:flex!important;flex:0 0 44px!important;gap:0!important;height:44px!important;justify-content:center!important;margin:0!important;min-width:44px!important;padding:0!important;width:44px!important}.action-footer--explore .share-button svg{display:block!important;height:18px!important;margin:0!important;width:18px!important}.action-footer--explore .share-button span{display:none!important}.action-footer.action-footer--hosted{background:#0000!important;border:none!important;box-shadow:none!important;outline:none!important}.action-footer__main,.action-footer__secondary{align-items:center;display:flex;gap:8px;justify-content:space-between}.action-footer__primary-actions{display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.action-footer__secondary-actions{align-items:center;display:flex;gap:8px}.action-button{display:inline-flex;font-size:12px;min-height:32px;padding:6px 12px}.action-button--large{font-size:16px;min-height:44px;padding:12px 20px}.action-button--small{font-size:12px;min-height:32px;padding:6px 12px}.action-button--primary{background:#3b82f6cc;color:#fff}.action-button--primary:hover:not(:disabled){background:#3b82f6;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.action-button--secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.action-button--secondary:hover:not(:disabled){background:#f1f5f9;color:#334155;transform:translateY(-1px)}.action-button--success{background:#10b981;color:#fff}.action-button--success:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.action-button--warning{background:#f59e0b;color:#fff}.action-button--warning:hover:not(:disabled){background:#d97706;box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.action-button--danger{background:#ef4444;color:#fff}.action-button--danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.action-button--outline{border:2px solid #3b82f6;color:#3b82f6}.action-button--outline:hover:not(:disabled){background:#3b82f6;color:#fff;transform:translateY(-1px)}.action-button--default{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.action-button--default:hover:not(:disabled){background:#f1f5f9;color:#475569}.like-button{background:#fff;border:2px solid #e2e8f0;color:#64748b;display:inline-flex;flex-shrink:0;height:40px;width:40px}.like-button:hover:not(:disabled){background:#fff7ed;border-color:#fbbf24;color:#b45309;transform:scale(1.1)}.like-button--liked{background:#fef2f2;border-color:#ef4444;color:#b91c1c}.like-button--liked:hover:not(:disabled){background:#fee2e2;border-color:#dc2626;color:#7f1d1d}.like-button:disabled{cursor:not-allowed;opacity:.5}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor}.action-footer--explore .action-footer__main{justify-content:center}.action-footer--explore .action-button--primary{flex:1 1;max-width:200px}.action-footer--hosted .action-footer__main{padding:0;width:100%}.action-footer--hosted .action-footer__primary-actions{display:flex;gap:8px;width:100%}.action-footer--hosted .action-footer__primary-actions .action-button{border:1px solid #fff3!important;border-radius:8px;flex:1 1;font-weight:500;justify-content:center;min-height:44px;padding:12px 16px;transition:all .2s ease}.action-footer--hosted .action-button--primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border:1px solid #3b82f6!important;box-shadow:0 2px 8px #3b82f64d!important;color:#fff!important}.action-footer--hosted .action-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;box-shadow:0 4px 12px #3b82f666!important;transform:translateY(-1px)}.action-footer--hosted .action-button--secondary{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#334155!important}.action-footer--hosted .action-button--secondary:hover:not(:disabled){background:#f1f5f9!important;border-color:#cbd5e1!important;color:#0f172a!important;transform:translateY(-1px)}.action-footer--hosted .action-button{outline:none!important}.action-footer--joined{background:linear-gradient(135deg,#14532d,#166534)!important;border:1px solid #fbbf24!important;border-radius:12px!important;padding:16px!important}.action-footer--joined .action-footer__main{padding:0;width:100%}.action-footer--joined .action-footer__primary-actions{display:flex;gap:8px;justify-content:space-between;width:100%}.action-footer--joined .action-button{border:1px solid #fff3!important;border-radius:8px;flex:1 1;font-weight:500;justify-content:center;min-height:44px;padding:12px 16px;transition:all .2s ease}.action-footer--joined .action-button--warning{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:1px solid #fbbf24!important;box-shadow:0 2px 8px #fbbf244d!important;color:#fff!important}.action-footer--joined .action-button--warning:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 4px 12px #fbbf2466!important;transform:translateY(-1px)}.action-footer--joined .action-button--secondary{background:#ffffff1a!important;border:1px solid #fff3!important;color:#fff!important}.action-footer--joined .action-button--secondary:hover:not(:disabled){background:#fff3!important;border-color:#ffffff4d!important;color:#fff!important;transform:translateY(-1px)}.action-footer--joined .share-button{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px;color:#334155!important;flex:1 1;font-weight:500;justify-content:center;min-height:44px;padding:12px 16px;transition:all .2s ease}.action-footer--joined .share-button:hover:not(:disabled){background:#f1f5f9!important;border-color:#cbd5e1!important;color:#0f172a!important;transform:translateY(-1px)}.action-footer--joined .share-button:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633!important;outline:none}.action-footer .share-button{background:#f8fafc!important;border:1px solid #e2e8f0!important;color:#334155!important}.action-footer .share-button:hover:not(:disabled){background:#f1f5f9!important;border-color:#cbd5e1!important;color:#0f172a!important}.action-footer--completed .action-footer__main{justify-content:center}.action-footer--completed .action-button--outline{flex:1 1;max-width:200px}.action-footer--profile .action-footer__main{justify-content:center}@media (max-width:768px){.action-footer{gap:8px;padding:12px}.action-footer--hosted{padding:12px}.action-footer__main,.action-footer__secondary{align-items:stretch;flex-direction:column;gap:8px}.action-footer__primary-actions,.action-footer__secondary-actions{flex-wrap:wrap;justify-content:center}.action-button{flex:1 1;justify-content:center;min-width:0}.action-button--large{font-size:14px;padding:10px 16px}.like-button{height:36px;width:36px}.action-footer--explore{border-top:none!important;padding:8px 16px!important}.action-footer--explore,.action-footer--explore .action-footer__main,.action-footer--explore .action-footer__secondary{flex-direction:row!important;gap:20px!important}.action-footer--explore .action-footer__primary-actions{flex-wrap:nowrap!important;gap:20px!important}.action-footer--explore .action-button,.action-footer--explore .share-button{border-radius:50%!important;flex:0 0 44px!important;height:44px!important;min-width:44px!important;padding:0!important;width:44px!important}.action-footer--explore .action-button svg,.action-footer--explore .share-button svg{height:18px!important;width:18px!important}}@media (max-width:480px){.action-footer,.action-footer--hosted{padding:8px}.action-button{font-size:12px;min-height:32px;padding:6px 12px}.action-button--large{font-size:13px;padding:8px 12px}.action-footer__primary-actions,.action-footer__secondary-actions{gap:4px}.action-footer--explore{border-top:none!important;padding:8px 16px!important}.action-footer--explore,.action-footer--explore .action-footer__main,.action-footer--explore .action-footer__secondary{flex-direction:row!important;gap:20px!important}.action-footer--explore .action-footer__primary-actions{flex-wrap:nowrap!important;gap:20px!important}.action-footer--explore .action-button,.action-footer--explore .share-button{border-radius:50%!important;flex:0 0 44px!important;height:44px!important;min-width:44px!important;padding:0!important;width:44px!important}.action-footer--explore .action-button svg,.action-footer--explore .share-button svg{height:18px!important;width:18px!important}}.action-button:focus-visible,.like-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.action-button:focus-visible{box-shadow:0 0 0 2px #3b82f633}.like-button:focus-visible{box-shadow:0 0 0 2px #ef444433}@media (prefers-contrast:high){.action-button{border:2px solid}.like-button{border-width:3px}}@media (prefers-reduced-motion:reduce){.action-button,.like-button{transition:none}.action-button:hover:not(:disabled),.like-button:hover:not(:disabled){transform:none}.loading-spinner{animation:none}}.edit-button{align-items:center;background:#3b82f6;border:1px solid #3b82f6;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;min-height:40px;padding:10px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.edit-button:hover:not(:disabled){background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.edit-button:active:not(:disabled){box-shadow:0 2px 4px #3b82f633;transform:translateY(0)}.edit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.edit-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.edit-button--small{font-size:12px;gap:6px;min-height:32px;padding:6px 12px}.edit-button--large{font-size:16px;gap:10px;min-height:48px;padding:12px 20px}.edit-button--icon-only{justify-content:center;min-width:40px;padding:8px}.edit-button--icon-only.edit-button--small{min-width:32px;padding:6px}.edit-button--icon-only.edit-button--large{min-width:48px;padding:12px}.edit-button--badge{border-radius:12px;bottom:4px;box-shadow:0 2px 6px #0003;font-size:12px;min-height:auto;padding:4px 8px;position:absolute;right:4px;z-index:10}.edit-button--secondary{background:#f8fafc;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000d;color:#475569}.edit-button--secondary:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;color:#334155;transform:translateY(-1px)}@media (prefers-contrast:high){.edit-button{border-width:2px}}@media (prefers-reduced-motion:reduce){.edit-button{transition:none}.edit-button:hover:not(:disabled){transform:none}}.feature-toggle{align-items:center;display:inline-flex}.feature-toggle-btn{align-items:center!important;border:2px solid #e5e7eb!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;justify-content:center!important;line-height:1!important;overflow:visible!important;padding:0!important;position:relative!important;transition:border-color .2s ease,background-color .2s ease!important}.feature-toggle-btn,.feature-toggle-btn:hover:not(:disabled){animation:none!important;background:#0000!important;height:40px!important;scale:1!important;transform:none!important;width:40px!important}.feature-toggle-btn:hover:not(:disabled){border-color:#3b82f6!important}.feature-toggle-btn:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.feature-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.feature-toggle-btn.featured{background:#0000!important;border-color:#f59e0b!important}.feature-toggle-btn.featured:hover:not(:disabled){animation:none!important;background:#0000!important;border-color:#d97706!important;height:40px!important;scale:1!important;transform:none!important;width:40px!important}.feature-toggle-btn.featured .feature-icon{fill:#f59e0b!important;color:#f59e0b!important}.feature-toggle-btn.unfeatured .feature-icon{color:#9ca3af}.feature-toggle-btn.unfeatured:hover:not(:disabled) .feature-icon{color:#3b82f6}.feature-toggle--small .feature-toggle-btn{height:32px;width:32px}.feature-toggle--large .feature-toggle-btn{height:48px;width:48px}.feature-label{font-weight:600}.feature-icon{display:block;flex-shrink:0;height:auto;left:50%;line-height:1;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:color .2s ease;width:auto}.feature-icon.featured{fill:#f59e0b!important;color:#f59e0b!important}.feature-icon.unfeatured{fill:none;stroke:currentColor;stroke-width:2;color:#6b7280}.feature-toggle--readonly{pointer-events:none}.feature-toggle-display{align-items:center;background:#0000;border:none;border-radius:50%;display:flex;height:40px;justify-content:center;line-height:1;overflow:hidden;padding:0;position:relative;width:40px}.feature-toggle-display.featured,.feature-toggle-display.unfeatured{background:#0000}.feature-toggle--readonly.feature-toggle--small .feature-toggle-display{height:32px;width:32px}.feature-toggle--readonly.feature-toggle--large .feature-toggle-display{height:48px;width:48px}.participant-avatars{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px;margin-left:0}.participant-avatar{align-items:center;background:#374151cc;border:2px solid #fff3;display:flex;height:24px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:24px}.participant-avatar:not(:first-child){margin-left:-8px}.participant-avatar:hover{border-color:#fff6;transform:scale(1.1);z-index:10}.avatar-fallback{font-size:10px}.remaining-count .avatar-fallback{font-size:9px}.participant-avatars .participant-count{color:#9ca3afe6;flex:0 0 auto;font-size:.875rem;font-weight:500;white-space:nowrap}.participant-avatars-loading{align-items:center;display:flex;gap:4px}.loading-avatar{height:24px;width:24px}@media (max-width:640px){.participant-avatar{height:20px;width:20px}.participant-avatar:not(:first-child){margin-left:-6px}.avatar-fallback{font-size:9px}.remaining-count .avatar-fallback{font-size:8px}.participant-count{font-size:.8rem}}.btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:.5rem;justify-content:center;line-height:1.25;outline:none;overflow:hidden;position:relative;text-decoration:none;transform:translateY(0);transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.btn:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.btn--loading{pointer-events:none}.btn--full-width{width:100%}.btn--sm{font-size:.875rem;min-height:2rem;padding:.5rem .875rem}.btn--md{font-size:.975rem;min-height:2.75rem;padding:.75rem 1.25rem}.btn--lg{font-size:1.125rem;min-height:3.25rem;padding:1rem 1.5rem}.btn--primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f666,0 2px 4px #0000001a;color:#fff}.btn--primary:hover:not(:disabled){box-shadow:0 8px 20px #3b82f666,0 4px 8px #00000026;transform:translateY(-2px)}.btn--primary:active:not(:disabled){box-shadow:0 2px 8px #3b82f666,0 1px 2px #0000001a;transform:translateY(0)}.btn--secondary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166,0 2px 4px #0000001a;color:#fff}.btn--secondary:hover:not(:disabled){box-shadow:0 8px 20px #10b98166,0 4px 8px #00000026;transform:translateY(-2px)}.btn--secondary:active:not(:disabled){box-shadow:0 2px 8px #10b98166,0 1px 2px #0000001a;transform:translateY(0)}.btn--outline{background:#fff;border:2px solid #3b82f6;box-shadow:0 2px 4px #0000000d;color:#3b82f6}.btn--outline:hover:not(:disabled){background:#3b82f6;box-shadow:0 8px 20px #3b82f64d,0 4px 8px #0000001a;color:#fff;transform:translateY(-2px)}.btn--outline:active:not(:disabled){transform:translateY(0)}.btn--ghost{background:#0000;border:2px solid #0000;color:#3b82f6}.btn--ghost:hover:not(:disabled){background:#3b82f61a;color:#2563eb;transform:translateY(-1px)}.btn--ghost:active:not(:disabled){transform:translateY(0)}.btn--danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466,0 2px 4px #0000001a;color:#fff}.btn--danger:hover:not(:disabled){box-shadow:0 8px 20px #ef444466,0 4px 8px #00000026;transform:translateY(-2px)}.btn--danger:active:not(:disabled){box-shadow:0 2px 8px #ef444466,0 1px 2px #0000001a;transform:translateY(0)}.btn__content{min-width:0}.btn__content,.btn__icon{align-items:center;display:flex}.btn__icon{flex-shrink:0}.btn__loading-icon{animation:spin 1s linear infinite}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.btn:active:not(:disabled):before{height:100%;width:100%}@media (prefers-contrast:high){.btn{border:2px solid}.btn--danger,.btn--primary,.btn--secondary{background:ButtonFace;color:ButtonText}}@media (prefers-reduced-motion:reduce){.btn{transform:none!important;transition:none}.btn__loading-icon{animation:none}.btn:before{transition:none}}@media (prefers-reduced-motion:reduce){.btn:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}}@media (max-width:768px){.btn--sm{min-height:2.75rem;padding:.625rem 1rem}.btn--md{min-height:3rem;padding:.875rem 1.375rem}.btn--lg{min-height:3.5rem;padding:1.125rem 1.75rem}}.activity-card{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;background:#ffffffe0;border:none;border:none!important;border-radius:var(--radius-xl);box-shadow:none;box-sizing:border-box;-webkit-clip-path:none!important;clip-path:none!important;display:flex!important;filter:none!important;flex-direction:column;flex-shrink:0;max-width:100%;opacity:1!important;outline:none!important;overflow:hidden;padding:var(--spacing-lg);pointer-events:auto;position:relative;transform:none!important;transition:all var(--transition-normal);visibility:visible!important;width:100%;z-index:1}.activity-card:hover{border-color:#ffffff4d;cursor:pointer}.activity-card:active{cursor:pointer}.activity-card--teaser{cursor:default!important;opacity:.85}.activity-card--teaser:hover{border-color:inherit!important;box-shadow:none!important}.activity-card--teaser:active,.activity-card--teaser:hover{cursor:default!important;transform:none!important}.activity-card--teaser:after{background:#6366f126;border:1px solid #6366f14d;border-radius:var(--radius-md);bottom:var(--spacing-md);color:#818cf8;content:"Private";font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-xs) var(--spacing-md);position:absolute;right:var(--spacing-md);text-transform:uppercase}.activity-card--explore{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 12px #0000000f!important;filter:none!important;outline:none!important;transform:none!important}.activity-card--explore .activity-title{color:#0f172a!important}.activity-card--explore .activity-description{color:#475569!important}.activity-card--explore .host-name{color:#0f172a!important}.activity-card--explore .activity-meta span:not(.category-tag){color:#475569!important}.activity-card--explore .activity-meta svg{fill:#64748b!important;stroke:#64748b!important;color:#64748b!important}.activity-card--hosted{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 12px #0000000f!important;outline:none!important}.activity-card--hosted:hover{border-color:#fff3}.activity-card--hosted .activity-title{color:#0f172a!important}.activity-card--hosted .activity-description{color:#475569!important}.activity-card--hosted .host-name{color:#0f172a!important}.activity-card--hosted .activity-meta span:not(.category-tag){color:#475569!important}.activity-card--hosted .activity-meta svg{fill:#64748b!important;stroke:#64748b!important;color:#64748b!important}.activity-card--joined{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 12px #0000000f!important;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;outline:none!important;overflow:visible;padding:20px;position:relative;transition:all .3s ease;width:340px}.activity-card--joined .activity-title{color:#0f172a!important}.activity-card--joined .activity-description{color:#475569!important}.activity-card--joined .host-name{color:#0f172a!important}.activity-card--joined .activity-meta span:not(.category-tag){color:#475569!important}.activity-card--joined .activity-meta svg{fill:#64748b!important;stroke:#64748b!important;color:#64748b!important}.activity-card--completed{background:linear-gradient(135deg,#6b728038,#4b55632e);border-color:#6b728059}.activity-card--profile{align-items:stretch!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:0!important;box-shadow:0 4px 12px #0000000f!important;display:flex!important;flex-direction:row!important;height:118px;max-height:118px;min-height:118px;overflow:visible!important;padding:0!important}.activity-card--profile .activity-photo-section{align-items:center;align-self:stretch;border-radius:0!important;display:flex;flex-shrink:0;height:100%;justify-content:center;margin:0!important;max-height:118px;max-width:118px;min-height:118px;min-width:118px;overflow:hidden;width:118px}.activity-card--profile .activity-photo-section--compact{height:100%;width:118px}.activity-card--profile .activity-photo{aspect-ratio:1/1;object-fit:cover}.activity-card--profile .activity-photo,.activity-card--profile .no-photo{border-radius:0!important;height:100%;width:100%}.activity-card--profile .activity-card__profile-content{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:0;height:auto;justify-content:space-between;max-height:none;min-height:104px;min-width:0;overflow:hidden;padding:8px 12px}.activity-card--profile .activity-card__profile-row-1{align-items:center;display:flex;flex-shrink:0;justify-content:flex-start;margin:0;padding:0}.activity-card--profile .activity-card__profile-row-1 .activity-header{margin:0;padding:0;text-align:left;width:100%}.activity-card--profile .activity-card__profile-row-1 .activity-title-row{align-items:center;gap:4px;justify-content:flex-start;margin:0;padding:0;text-align:left}.activity-card--profile .activity-card__profile-row-1 .activity-title{color:#0f172a!important;flex:1 1;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:.95rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin:0;min-width:0;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.activity-card--profile .activity-card__profile-row-2{align-items:center;display:flex;flex-shrink:0;gap:4px;justify-content:space-between;margin:0;padding:0}.activity-card--profile .activity-card__profile-row-2 .btn{font-size:.75rem;line-height:1.2;padding:2px 8px}.activity-card--profile .activity-meta--profile{display:flex;margin:0;padding:0}.activity-card--profile .meta-item--profile{align-items:center;border:none;color:#475569!important;display:flex;font-size:.75rem;gap:0;line-height:1.2;padding:0;white-space:nowrap}.activity-card--profile .meta-item--datetime-combined{color:#475569!important;white-space:normal}.activity-card--profile .meta-item--profile>span{color:#475569!important;flex:1 1;min-width:0}.activity-card--profile .activity-card__profile-row-3{display:flex;flex-shrink:0;margin:0;min-height:0;overflow:hidden;padding:0}.activity-card--profile .activity-description--profile{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:.75rem;line-height:1.3;margin:0;max-height:2.925rem;overflow:hidden;padding:0;text-align:left;text-overflow:ellipsis}.activity-card--profile .activity-card__profile-share{align-items:center;display:flex;flex-shrink:0;margin-left:auto}.activity-card--compact-minimal{border-radius:12px;margin:0!important;max-width:none!important;min-height:auto!important;padding:10px;width:100%!important}.editable-profile-content__activity-card.activity-card--compact-minimal{padding:0!important}.editable-profile-content__activity-card.activity-card--compact-minimal>.activity-card{box-sizing:border-box;max-width:100%!important;padding:10px!important;width:100%!important}.activity-card--compact-minimal .activity-content,.activity-card--compact-minimal .activity-description,.activity-card--compact-minimal .activity-host-section,.activity-card--compact-minimal .activity-photo-section{display:none!important}.activity-card--compact-minimal .activity-categories-section{margin:2px 0 0;padding:0}.activity-card--compact-minimal .activity-header{margin-bottom:4px;padding-bottom:0}.activity-card--compact-minimal .activity-footer{margin-top:8px;padding-top:0}.activity-card--compact-minimal .action-footer{align-items:center;border-top:none;flex-direction:row!important;gap:8px;justify-content:flex-start;padding:0}.activity-card--compact-minimal .action-footer--explore,.activity-card--compact-minimal .action-footer--hosted,.activity-card--compact-minimal .action-footer--joined,.activity-card--compact-minimal .action-footer--profile{border:none!important;padding:0!important}.activity-card--compact-minimal .action-footer .action-button,.activity-card--compact-minimal .action-footer .share-button{align-items:center!important;border-radius:8px!important;display:inline-flex!important;font-size:.85rem!important;height:36px!important;justify-content:center!important;min-height:36px!important;padding:8px 12px!important}.activity-card--compact-minimal .action-footer--hosted .action-button,.activity-card--compact-minimal .action-footer--joined .action-button,.activity-card--compact-minimal .action-footer--joined .share-button{height:36px!important;min-height:36px!important;padding:8px 12px!important}.activity-card--compact-minimal .action-footer__main{align-items:center;display:flex;justify-content:flex-start;width:auto}.activity-card--compact-minimal .action-footer__main,.activity-card--compact-minimal .action-footer__secondary{align-items:center;display:flex;flex-direction:row!important;gap:8px;justify-content:flex-start}.activity-card--compact-minimal .action-footer--explore .action-footer__primary-actions,.activity-card--compact-minimal .action-footer--hosted .action-footer__primary-actions,.activity-card--compact-minimal .action-footer--joined .action-footer__primary-actions,.activity-card--compact-minimal .action-footer--profile .action-footer__primary-actions{justify-content:flex-start!important;margin:0!important;width:auto!important}.activity-card--compact-minimal .action-footer__primary-actions,.activity-card--compact-minimal .action-footer__secondary-actions{align-items:center;display:flex;flex-wrap:nowrap!important;gap:4px;justify-content:center;margin:0 auto;width:auto}.activity-card--compact-minimal .action-button{flex:0 1 auto;min-width:0;white-space:nowrap}.activity-card--compact-minimal .action-footer .share-button{flex:0 1 auto!important;min-width:0!important}.activity-card--compact-minimal .activity-title{font-size:1rem;line-height:1.3}.activity-card--compact-minimal .categories-list{gap:4px}.activity-card--compact-minimal .categories-list .category-tag{font-size:.72rem;padding:3px 7px}.activity-card--compact-minimal .activity-actions{gap:4px}.activity-card--compact-minimal .action-button{font-size:.68rem;height:26px;padding:4px 8px}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px;padding-bottom:0;position:relative}.activity-header-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px;margin-left:12px}.activity-feature-toggle{flex-shrink:0}.activity-matchup-button{font-size:.875rem;min-height:28px;padding:6px 12px;white-space:nowrap}.activity-title-row{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:0}.activity-title{word-wrap:break-word;color:var(--color-text-primary);flex:1 1;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:var(--line-height-tight);margin:0;overflow:hidden;overflow-wrap:break-word;padding:0;text-align:left;text-overflow:ellipsis}.interested-hosts-badge{align-items:center;border-radius:var(--radius-lg);display:inline-flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);white-space:nowrap}.interested-hosts-badge--user{background:#ef44441a;border:1px solid #ef444433;color:var(--color-interactive-danger-hover)}.interested-hosts-badge--squad{background:#3b82f61a;border:1px solid #3b82f633;color:var(--color-interactive-primary-hover)}.interested-hosts-badge svg{flex-shrink:0;height:14px;width:14px}.activity-status,.activity-status--completed,.activity-status--hosted,.activity-status--joined,.activity-status--open{display:none}.activity-content{flex:1 1;margin-bottom:var(--spacing-sm);max-width:100%;min-height:0;overflow:visible}.activity-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:var(--color-text-secondary);display:-webkit-box;flex-shrink:0;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-tight);margin-bottom:4px;margin-left:26px;margin-top:0;max-height:2.8em;max-width:100%;overflow:hidden;overflow-wrap:break-word;padding:0!important;text-overflow:ellipsis}.activity-photo-section{align-items:center;aspect-ratio:16/9;background:#0000000f;border-radius:12px;display:flex;flex-shrink:0;justify-content:center;margin-bottom:6px;margin-left:auto;margin-right:auto;overflow:hidden;position:relative;width:calc(100% - 20px)}.activity-photo{border-radius:12px;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.activity-photo:hover{transform:scale(1.02)}.no-photo{border-radius:12px;height:100%}.activity-meta{grid-gap:4px;display:grid;flex-shrink:0;gap:4px;grid-template-columns:1fr 1fr;margin-bottom:6px;margin-left:26px}.meta-item--location{grid-column:1/-1}.meta-item--datetime{align-items:center;display:flex;gap:16px;grid-column:1/-1;padding:6px 8px}.meta-item-inner{align-items:center;display:flex;flex:1 1;gap:4px}.meta-item-inner>span{flex:1 1;min-width:0;text-align:left}.meta-item--participants-gender{align-items:center;display:flex;gap:16px;grid-column:1/-1;padding:6px 8px}.meta-item--participants-gender .meta-item-inner{align-items:center;display:flex;flex:1 1;gap:4px}.meta-item--participants:not(.meta-item--participants-gender){grid-column:1/2;justify-content:flex-start!important}.meta-item--gender:not(.meta-item--participants-gender .meta-item-inner){grid-column:2/3;justify-content:flex-start!important}.meta-item--distance{grid-column:1/-1}.meta-item{border-bottom:1px solid #e2e8f0;color:#475569;flex-shrink:0;font-size:16px;gap:4px;padding:6px 8px;width:100%}.meta-item,.meta-item>span{font-family:inherit;text-align:left}.meta-item>span{flex:1 1;min-width:0}.meta-item>.meta-icon{flex:0 0 16px!important;flex-grow:0!important;flex-shrink:0!important;max-width:16px!important;min-width:16px!important;width:16px!important}.meta-icon{box-sizing:border-box;display:inline-block;flex-basis:auto;flex-grow:0;font-size:16px;line-height:1;margin:0;max-width:16px;min-width:16px;opacity:.7;overflow:hidden;padding:0;text-align:center;vertical-align:middle;white-space:nowrap}.meta-icon svg{height:16px;opacity:.7;width:16px}.activity-host-section{background:none!important;border:none!important;border-bottom:2px solid #fff3!important;border-radius:0!important;box-shadow:none!important;flex-shrink:0;margin-bottom:4px;margin-left:26px;padding-bottom:4px}.activity-categories-section{flex-shrink:0;margin-bottom:0;margin-left:26px;padding:4px 0}.categories-list{gap:4px}.activity-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-shrink:0;justify-content:space-between;margin-top:8px;padding-top:8px}.activity-host{border:none!important;border-radius:0!important;cursor:pointer;gap:8px;margin:0!important;padding:0!important}.activity-host,.host-avatar{align-items:center;background:none!important;box-shadow:none!important;display:flex}.host-avatar{object-fit:cover}.host-avatar,.host-avatar-fallback{border:none!important;border-radius:50%;color:#fff;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.host-avatar-fallback,.host-info{align-items:center;background:none!important;box-shadow:none!important;display:flex}.host-info{border:none!important;border-radius:0!important;margin:0!important;padding:0!important}.host-name{color:#111827;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:600}.activity-footer{border-top:1px solid #00000014}.activity-actions{flex-wrap:wrap;gap:4px;justify-content:flex-start}.action-button{border-radius:6px;font-size:.7rem;font-weight:500;gap:4px;height:30px;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 10px}.action-button--primary:hover{background:#3b82f64d;border-color:#3b82f680}.action-button--secondary:hover{background:#ffffff26;border-color:#ffffff4d}.action-button--danger:hover{background:#ef44444d;border-color:#ef444480}.like-button{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;height:32px;justify-content:center;padding:6px;transition:all .2s ease;width:32px}.like-button:hover{background:#ffffff1a;color:#ffffffe6}.like-button--liked{color:#f87171}.like-button--liked:hover{background:#ef44441a}@media (max-width:1024px){.activity-card{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:var(--spacing-lg);width:100%}.activity-card--compact-minimal{margin:0!important;max-width:none!important;min-height:auto!important;padding:var(--spacing-md);width:100%!important}.activity-photo-section{aspect-ratio:16/9;max-width:100%;width:100%}.activity-photo,.no-photo{height:100%}}@media (max-width:768px){.activity-card{box-sizing:border-box;overflow-x:hidden;padding:var(--spacing-md)}.activity-card,.editable-profile-content__activity-card .activity-card{max-width:100%!important;width:100%!important}.activity-card--compact-minimal{margin:0!important;max-width:none!important;min-height:auto!important;padding:var(--spacing-md);width:100%!important}.activity-card--profile{border-radius:var(--radius-lg)!important;flex-direction:column!important}.activity-card--profile,.activity-card--profile .activity-photo-section{height:auto!important;max-height:none!important;min-height:auto!important}.activity-card--profile .activity-photo-section{aspect-ratio:1/1!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;max-width:100%!important;min-width:100%!important;width:100%!important}.activity-card--profile .activity-photo-section--compact{aspect-ratio:1/1!important;height:auto!important;width:100%!important}.activity-card--profile .activity-photo,.activity-card--profile .no-photo{border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}.activity-card--profile .activity-card__profile-content{max-width:100%;min-height:auto!important;padding:var(--spacing-md)!important}.activity-card--compact-minimal .action-button,.activity-card--compact-minimal .action-footer .share-button{font-size:var(--font-size-xs);height:26px;min-height:44px;padding:var(--spacing-xs) var(--spacing-sm)}.activity-header{align-items:center;flex-direction:row;gap:var(--spacing-sm);margin-bottom:6px;max-width:100%;padding-bottom:0}.activity-photo-section{aspect-ratio:16/9;margin-left:auto;margin-right:auto;width:calc(100% - 34px)}.activity-photo,.no-photo{height:100%}.no-photo-icon{height:32px;width:32px}.activity-meta{gap:3px;grid-template-columns:1fr 1fr;margin-left:26px}.meta-item--location{grid-column:1/-1}.meta-item--datetime{gap:12px;grid-column:1/-1}.meta-item--participants{grid-column:1/2}.meta-item--gender{grid-column:2/3}.meta-item--distance{grid-column:1/-1}.meta-item{border-bottom:none;font-size:16px;padding:2px 4px}.meta-icon{box-sizing:border-box;font-size:14px;margin:0;max-width:14px;min-width:14px;overflow:hidden;padding:0;white-space:nowrap}.meta-icon,.meta-icon svg{height:14px;width:14px}.activity-footer{align-items:flex-start;flex-direction:column;gap:4px;margin-top:8px;padding-top:8px}.activity-actions{justify-content:flex-start;width:100%}.action-button{flex:1 1;font-size:.68rem;height:26px;justify-content:center}.activity-description{-webkit-line-clamp:2;line-clamp:2;font-size:16px;line-height:1.3;margin-bottom:4px;margin-left:26px;margin-top:0;max-height:2.6em}.activity-categories-section,.activity-host-section{margin-left:26px}}@media (max-width:480px){.explore-page.immersive-mobile .mobile-slide .activity-card{flex-shrink:1;min-height:0!important;min-height:auto!important}.explore-page.immersive-mobile .mobile-slide .activity-photo-section{aspect-ratio:unset;height:110px;width:calc(100% - 20px)}}.suggestion-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea33;color:#fff;margin-bottom:24px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.suggestion-banner:hover{box-shadow:0 12px 40px #667eea4d;transform:translateY(-2px)}.suggestion-banner--recommended{background:linear-gradient(135deg,#667eea,#764ba2)}.suggestion-banner--strong-social-match{background:linear-gradient(135deg,#f093fb,#f5576c)}.suggestion-banner--category-based{background:linear-gradient(135deg,#4facfe,#00f2fe)}.suggestion-banner__header{align-items:flex-start;display:flex;gap:16px;margin-bottom:20px}.suggestion-banner__icon{flex-shrink:0;font-size:24px;margin-top:4px}.suggestion-banner__content{flex:1 1}.suggestion-banner__title{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.suggestion-banner__description{font-size:14px;line-height:1.4;margin:0 0 8px;opacity:.9}.suggestion-banner__reason{font-size:12px;font-style:italic;margin:0;opacity:.8}.suggestion-banner__dismiss{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:32px;justify-content:center;padding:4px;transition:background-color .2s ease;width:32px}.suggestion-banner__dismiss:hover{background-color:#ffffff1a}.suggestion-banner__activities{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.suggestion-banner__activity{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;cursor:pointer;padding:16px;transition:all .2s ease}.suggestion-banner__activity:hover{background:#fff3;transform:translateY(-2px)}.suggestion-banner__activity-image{border-radius:8px;height:120px;margin-bottom:12px;overflow:hidden;width:100%}.suggestion-banner__activity-image img{height:100%;object-fit:cover;width:100%}.suggestion-banner__activity-info{text-align:center}.suggestion-banner__activity-title{color:#fff;font-size:16px;font-weight:600;line-height:1.3;margin:0 0 4px}.suggestion-banner__activity-category{font-size:12px;margin:0 0 4px;opacity:.8;text-transform:capitalize}.suggestion-banner__activity-location{font-size:11px;margin:0;opacity:.7}@media (max-width:768px){.suggestion-banner{margin-bottom:20px;padding:20px}.suggestion-banner__header{flex-direction:column;gap:12px}.suggestion-banner__dismiss{position:absolute;right:16px;top:16px}.suggestion-banner__activities{gap:12px;grid-template-columns:1fr}.suggestion-banner__activity-image{height:100px}.suggestion-banner__title{font-size:18px}.suggestion-banner__description{font-size:13px}}@media (max-width:480px){.suggestion-banner{padding:16px}.suggestion-banner__title{font-size:16px}.suggestion-banner__description{font-size:12px}.suggestion-banner__activity{padding:12px}}.form-field{margin-bottom:1rem}.form-field__label{color:#ffffffe6;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-field__required{color:#ef4444;margin-left:.25rem}.form-field__input{width:100%}.form-field__input input,.form-field__input textarea{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;color:#fff;font-size:.875rem;padding:.75rem;transition:all .3s ease;width:100%}.form-field__input input:focus,.form-field__input textarea:focus{background-color:#ffffff26;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-field__input input:not(:placeholder-shown),.form-field__input textarea:not(:placeholder-shown){background-color:#ffffff1a;color:#fff}.form-field__input input:-webkit-autofill,.form-field__input input:-webkit-autofill:active,.form-field__input input:-webkit-autofill:focus,.form-field__input input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-color:#ffffff1a!important;-webkit-box-shadow:inset 0 0 0 30px #ffffff1a!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.form-field__input input::placeholder,.form-field__input textarea::placeholder{color:#ffffff80}.form-field__error{color:#ef4444;font-size:.75rem;margin-top:.25rem}.form-field--row{display:flex;gap:1rem}.form-field--row .form-field{flex:1 1;margin-bottom:0}.category-selector{width:100%}.category-selector__grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.category-selector__item{background:#fff;border:1px solid #d1d5db;border-radius:1rem;color:#374151;cursor:pointer;font-size:.875rem;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem 1rem;transition:all .2s ease}.category-selector__item:hover:not(:disabled){background-color:#3b82f60d;border-color:#3b82f6;border-color:var(--category-color,#3b82f6)}.category-selector__item--selected{background-color:#3b82f6;background-color:var(--category-color,#3b82f6);border-color:#3b82f6;border-color:var(--category-color,#3b82f6);color:#fff}.category-selector__item:disabled{cursor:not-allowed;opacity:.5}.category-selector__limit{color:#6b7280;font-size:.75rem;margin-top:.25rem;text-align:right}.friendship-button-container{align-items:center;display:flex;flex-direction:column;gap:8px}.friendship-button{min-width:120px;transition:all .2s ease}.friendship-button.loading{cursor:not-allowed;opacity:.7}.friendship-button.error{border-color:#ef4444;color:#ef4444}.friendship-button.error:hover{background-color:#fef2f2;border-color:#dc2626;color:#dc2626}.friendship-actions{align-items:center}.friendship-actions .friendship-button{min-width:80px}.friendship-error{color:#ef4444;font-size:12px;line-height:1.4;max-width:200px;text-align:center}@media (max-width:768px){.friendship-actions{flex-direction:column;gap:4px}.friendship-actions .friendship-button,.friendship-button{min-width:100px}}.friendship-button:not(:disabled):hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.friendship-button:not(:disabled):active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.friendship-button[data-status=accepted]{background-color:#10b981;border-color:#10b981;color:#fff}.friendship-button[data-status=accepted]:hover{background-color:#059669;border-color:#059669}.friendship-button[data-status=pending_sent]{background-color:#f59e0b;border-color:#f59e0b;color:#fff}.friendship-button[data-status=pending_sent]:hover{background-color:#d97706;border-color:#d97706}.friendship-button[data-status=pending_received]{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.friendship-button[data-status=pending_received]:hover{background-color:#2563eb;border-color:#2563eb}.user-card{background:#111827e6!important;border:none!important;border-radius:16px!important;box-shadow:none!important;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;min-height:200px;overflow:visible;padding:20px;position:relative;transition:all .3s ease;width:100%}.user-card:hover{border-color:#ffffff4d;cursor:pointer}.user-card--activity_invite,.user-card--friendship,.user-card--profile,.user-card--search{background:#111827e6!important;border:none!important;border-radius:16px!important;box-shadow:none!important;outline:none!important}.user-card--matchup{background:#0000!important;border:none!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden;padding:0!important;position:relative}.user-card--matchup .user-name{color:#0f172a!important;margin-bottom:0!important;padding-left:0!important;text-shadow:none!important}.user-card--matchup .user-info-section{border-bottom:1px solid #e2e8f0!important}.user-card--matchup .user-meta{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:0;margin-top:0;margin:0;padding-top:0}.user-card--matchup .user-meta .meta-item{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:4px}.user-card--matchup .user-meta .meta-item,.user-card--matchup .user-meta .meta-item>span{color:#fff!important;text-shadow:0 2px 8px #000c!important}.user-card--matchup .meta-icon{display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))!important;flex-shrink:0;font-size:14px;height:16px;line-height:1;text-align:center;width:16px}.user-card--matchup .no-photo{background:#f1f5f9;border:2px dashed #cbd5e1;color:#94a3b8}.user-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:8px;position:relative}.user-card--matchup:after{background:linear-gradient(0deg,#000000bf 0,#00000080 30%,#00000040 60%,#0000);border-radius:0 0 16px 16px;bottom:0;content:"";height:33.33%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.user-card--matchup .user-metadata-container{background:#0000;bottom:20px;display:flex;flex-direction:column;gap:12px;left:20px;position:absolute;right:20px;z-index:10}.user-card--matchup .user-metadata-container .user-header{background:#0000;margin:0;padding:0;position:static}.user-card--matchup .user-metadata-container .user-name{color:#fff!important;font-size:1.5rem!important;font-weight:700!important;line-height:1.2;margin-bottom:0!important;padding-left:0!important;text-shadow:0 2px 8px #000c!important}.user-card--matchup .user-metadata-container .user-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff!important;display:-webkit-box;font-size:.95rem;line-height:1.5;margin:0;max-height:3em;overflow:hidden;position:static;text-shadow:0 2px 8px #000c!important;z-index:10}.user-card--matchup .user-metadata-container .user-categories-section--matchup{background:#0000;margin:0;max-height:none;overflow:visible;padding:0;position:static}.user-card--matchup .user-metadata-container .user-content{background:#0000;margin:0;padding-top:0;position:static}.user-photo-section{align-items:center;background:#0000000f;border-radius:16px;display:flex;flex-shrink:0;justify-content:center;margin-bottom:16px;min-height:280px;overflow:hidden;position:relative}.user-card--matchup .user-photo-section{border-radius:16px;bottom:0;height:100%;left:0;margin:0;position:absolute;right:0;top:0;width:100%;z-index:0}.user-photo{height:280px;transition:transform .3s ease}.user-card--matchup .user-photo,.user-photo{border-radius:16px;object-fit:cover;width:100%}.user-card--matchup .user-photo{height:100%;position:relative;z-index:0}.user-photo:hover{transform:scale(1.02)}.no-photo{background:#ffffff0d;border:2px dashed #fff3;color:#ffffff80}.user-card--matchup .no-photo{border-radius:16px;height:100%;width:100%}.user-info-section{border:none!important;border-bottom:2px solid #fff3!important;border-radius:0!important;flex-shrink:0;margin-bottom:4px;padding-bottom:4px}.user-info,.user-info-section{background:none!important;box-shadow:none!important}.user-info{border:none!important;border-radius:0!important;gap:8px;margin:0!important;padding:0!important}.user-avatar{border:none!important}.user-avatar,.user-avatar-fallback{align-items:center;background:none!important;box-shadow:none!important;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-avatar-fallback{border:none!important;border-radius:50%}.user-details{align-items:center;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.user-name{color:#fff!important;font-size:1.25rem;font-weight:700;line-height:1.2;margin:0 0 4px;text-shadow:0 1px 2px #0000004d!important}.user-username{color:#111827;font-size:.9rem;font-weight:600}.user-description{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#ffffffe6!important;display:-webkit-box;flex-shrink:0;font-size:.95rem;font-weight:400;line-height:1.6;margin-bottom:12px;max-height:4.8em;overflow:hidden;padding:0!important;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d!important}.user-categories-section{flex-shrink:0;margin-bottom:12px;padding:8px 0}.user-card--matchup .user-categories-section--matchup .categories-list{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-wrap:wrap;gap:6px;max-height:none;overflow:visible}.user-card--matchup .user-categories-section--matchup .category-tag{box-shadow:0 1px 3px #0000004d!important;flex-shrink:0;text-shadow:0 1px 3px #00000080!important}.user-content{flex:1 1;margin-bottom:16px;min-height:0;overflow:visible}.user-content,.user-meta{display:flex;flex-direction:column}.user-meta{flex-shrink:0;gap:8px;margin-bottom:8px}.meta-item{font-size:.9rem;font-weight:500;gap:8px}.meta-item,.meta-item>span{color:#fff!important;text-shadow:0 1px 2px #0000004d!important}.meta-icon{fill:#fff!important;stroke:#fff!important;color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))!important;flex-shrink:0;height:16px;width:16px}.user-bio{flex-shrink:0;margin-bottom:16px}.user-bio p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#ffffffd9!important;display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden;text-shadow:0 1px 2px #0000004d!important}.user-categories{flex-shrink:0;margin-bottom:16px}.more-categories{color:#fff9;font-size:.75rem}.activity-context{background:#ffffff0d;border:1px solid #ffffff1a;flex-shrink:0;margin-bottom:16px;padding:12px}.context-info h4{color:#fff;font-size:.9rem}.context-info p{color:#fffc;font-size:.85rem}.context-meta{align-items:center}.context-meta span{color:#fff9;font-size:.8rem}.user-stats{flex-shrink:0;margin-bottom:16px}.stat-item{font-size:.85rem;gap:8px}.user-actions{border-top:1px solid #ffffff1a;flex-shrink:0;margin-top:auto;padding-top:12px}.action-button--primary{color:#60a5fa}.action-button--danger{background:#ef444433;border:1px solid #ef44444d;color:#f87171}.action-button--outline{background:#0000;border:1px solid #ffffff4d;color:#fffc}.action-button--outline:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80}.user-card.animating{pointer-events:none}.user-card.like-state{border-color:#ff6b6b;box-shadow:0 8px 32px #ff6b6b4d}.user-card.dislike-state{border-color:#94a3b8;box-shadow:0 8px 32px #94a3b84d}.user-card.match-state{animation:matchGlow 2s ease-in-out infinite;border-color:#f59e0b;box-shadow:0 8px 32px #f59e0b66}.user-card.like-state.animating{animation:slideOutLeft .3s ease-in-out forwards}.user-card.dislike-state.animating{animation:slideOutRight .3s ease-in-out forwards}.user-card.match-state.animating{animation:matchBounce .6s ease-out}@keyframes matchBounce{0%{transform:scale(1)}25%{transform:scale(1.05)}50%{transform:scale(1.1)}75%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:768px){.user-card{padding:16px}.user-header{gap:12px}.user-avatar{height:60px;width:60px}.user-name{font-size:1.1rem}.action-buttons{flex-direction:column}.action-button{justify-content:center;width:100%}}.friendship-actions{display:flex;gap:8px;width:100%}.friendship-actions .action-button{flex:1 1;justify-content:center}.match-score{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;right:12px}.compatibility-badge,.match-score{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;top:12px;z-index:1}.compatibility-badge{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80;left:12px}.user-name-container{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.friendship-chip{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 8px;white-space:nowrap}.friendship-friends{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.friendship-pending_sent{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#f59e0b}.friendship-pending_received{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.squad-member-avatars{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px;margin-left:0}.avatar-group{position:relative}.avatar-group,.member-avatar{align-items:center;display:flex}.member-avatar{background:#374151cc;border:2px solid #fff3;border-radius:50%;height:32px!important;justify-content:center;overflow:hidden;transition:all .2s ease;width:32px!important}.member-avatar:not(:first-child){margin-left:-10px}.member-avatar:hover{border-color:#fff6;transform:scale(1.1);z-index:10}.avatar-image{object-fit:cover}.avatar-fallback,.avatar-image{border-radius:50%;height:100%;width:100%}.avatar-fallback{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center}.remaining-count .avatar-fallback{background:#4b5563cc;font-size:10px}.squad-member-avatars .member-count{color:#fff!important;flex:0 0 auto;font-size:.875rem;font-weight:500;white-space:nowrap}.squad-member-avatars-loading{align-items:center;display:flex;gap:4px}.loading-avatar{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#4b55634d 25%,#4b556399 50%,#4b55634d 75%);background-size:200% 100%;border-radius:50%;height:32px!important;width:32px!important}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.member-avatar{height:28px!important;width:28px!important}.avatar-fallback{font-size:9px}.remaining-count .avatar-fallback{font-size:8px}.squad-member-avatars .member-count{font-size:.8rem}}.squad-card.squad-card--matchup{background:#0000!important;box-sizing:border-box;display:flex;flex-direction:column;min-height:200px!important;overflow:hidden;padding:0!important;position:relative;width:100%}.squad-card,.squad-card.squad-card--matchup{border:none!important;border-radius:16px!important;box-shadow:none!important;flex-shrink:0;transition:all .3s ease}.squad-card{background:#111827e6!important;min-height:400px;overflow:visible;padding:20px}.squad-card:hover{border-color:#ffffff4d;cursor:pointer}.squad-card--matchup{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:16px!important;box-shadow:0 4px 12px #0000000f!important;margin:0 auto;max-width:400px;min-height:200px;outline:none!important}.squad-card--profile{min-height:300px}.squad-card--profile,.squad-card--search{background:#111827e6!important;border:none!important;border-radius:16px!important;box-shadow:none!important;outline:none!important}.squad-card--search{min-height:350px}.squad-card--activity_invite{background:#111827e6!important;border:none!important;border-radius:16px!important;box-shadow:none!important;min-height:320px;outline:none!important}.squad-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:8px;position:relative}.squad-card--matchup:after{background:linear-gradient(0deg,#000000bf 0,#00000080 30%,#00000040 60%,#0000);border-radius:0 0 16px 16px;bottom:0;content:"";height:33.33%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.squad-card--matchup .squad-header{background:#0000;bottom:150px;left:20px;margin:0;padding:0;position:absolute;right:20px;z-index:10}.squad-role-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:20px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;position:absolute;right:0;top:0}.squad-photo-section{align-items:center;background:#0000000f;border-radius:16px;display:flex;flex-shrink:0;justify-content:center;margin-bottom:16px;min-height:280px;overflow:hidden;position:relative}.squad-card--matchup .squad-photo-section{border-radius:16px;bottom:0;height:100%;left:0;margin:0;position:absolute;right:0;top:0;width:100%;z-index:0}.squad-photo{border-radius:16px;height:280px;object-fit:cover;transition:transform .3s ease;width:100%}.squad-card--matchup .squad-photo{border-radius:16px;height:100%;object-fit:cover;position:relative;width:100%;z-index:0}.squad-photo:hover{transform:scale(1.02)}.no-photo{align-items:center;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:16px;color:#94a3b8;display:flex;flex-direction:column;height:280px;justify-content:center;width:100%}.squad-card--matchup .no-photo{background:#0000004d;border:2px dashed #fff3;border-radius:16px;color:#ffffff80;height:100%;width:100%}.no-photo--hidden{display:none}.no-photo-icon{height:48px;margin-bottom:8px;opacity:.5;width:48px}.no-photo span{font-size:.9rem;font-weight:500}.squad-info-section{background:none!important;border:none!important;border-bottom:1px solid #e2e8f0!important;border-radius:0!important;box-shadow:none!important;flex-shrink:0;margin-bottom:4px;padding-bottom:4px}.squad-info{gap:8px}.squad-details,.squad-info{align-items:center;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex;margin:0!important;padding:0!important}.squad-card .squad-name{color:#0f172a!important;font-size:1.25rem!important;font-weight:700!important;line-height:1.2!important;margin:0 0 4px!important;text-shadow:none!important}.squad-card--matchup .squad-name{color:#fff!important;font-size:1.5rem!important;font-weight:700!important;line-height:1.2;margin-bottom:8px!important;padding-left:0!important;text-shadow:0 2px 8px #000c!important}.squad-card .squad-description,.squad-card .squad-description-text{color:#475569!important;font-size:.9rem!important;font-weight:600!important;text-shadow:none!important}.squad-description-text{-webkit-line-clamp:3;line-clamp:3;word-wrap:break-word;background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#ffffffe6!important;flex-shrink:0;font-weight:400;line-height:1.6;margin-bottom:12px;max-height:4.8em;padding:0!important;text-overflow:ellipsis;text-shadow:0 1px 2px #0000004d!important}.squad-card--matchup .squad-description-text,.squad-description-text{-webkit-box-orient:vertical;display:-webkit-box;font-size:.95rem;overflow:hidden}.squad-card--matchup .squad-description-text{-webkit-line-clamp:2;bottom:80px;color:#fff!important;left:20px;line-height:1.5;margin:0;max-height:3em;position:absolute;right:20px;text-shadow:0 2px 8px #000c!important;z-index:10}.squad-categories-section{flex-shrink:0;margin-bottom:12px;padding:8px 0}.categories-list .category-tag{border-radius:12px;font-size:.75rem;font-weight:500;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.categories-list .category-tag:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.squad-content{display:flex;flex:1 1;flex-direction:column;margin-bottom:16px;min-height:0;overflow:visible}.squad-card--matchup .squad-content{background:#0000;bottom:20px;left:20px;margin:0;padding-top:0;position:absolute;right:20px;z-index:10}.squad-meta{flex-direction:column;flex-shrink:0;gap:8px;margin-bottom:8px}.squad-card .meta-item{align-items:center!important;color:#fff!important;display:flex!important;font-size:.9rem!important;font-weight:500!important;gap:8px!important;text-shadow:0 1px 2px #0000004d!important}.squad-card--matchup .squad-meta{display:flex;flex-direction:column;gap:6px;margin:0;padding-top:0}.squad-card--matchup .squad-meta .meta-item{margin:0;padding:0}.squad-card--matchup .meta-item{color:#fff!important;font-size:.9rem!important;font-weight:500!important;text-shadow:0 2px 8px #000c!important}.squad-card .meta-item>span{color:#fff!important;text-shadow:0 1px 2px #0000004d!important}.squad-card--matchup .meta-item>span{color:#fff!important;text-shadow:0 2px 8px #000c!important}.squad-card .meta-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))!important;flex-shrink:0!important;height:16px!important;width:16px!important}.squad-card .meta-icon,.squad-card--matchup .meta-icon{fill:#fff!important;stroke:#fff!important;color:#fff!important}.squad-card--matchup .meta-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))!important}.squad-stats{display:flex;flex-wrap:wrap;gap:16px;padding:0 20px 16px}.stat-item{align-items:center;color:#ffffffb3!important;display:flex;font-size:13px;font-weight:500;gap:6px;text-shadow:0 1px 2px #0000004d!important}.stat-item svg{fill:#fff!important;stroke:#fff!important;color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))!important}.squad-categories{padding:0 20px 16px}.categories-list{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.more-categories{color:var(--text-tertiary);font-size:12px;font-weight:500;padding:4px 8px}.activity-context,.more-categories{background:var(--background-secondary);border-radius:12px}.activity-context{border:1px solid var(--border-color);margin:0 20px 16px;padding:16px}.context-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 8px}.context-info p{color:var(--text-secondary);font-size:13px;margin:0 0 8px}.context-meta{color:var(--text-tertiary);display:flex;font-size:12px;gap:16px}.context-meta span{align-items:center;display:flex;gap:4px}.squad-actions{border-top:1px solid #e2e8f0;flex-shrink:0;margin-top:auto;padding-top:12px}.action-buttons{flex-wrap:wrap;gap:12px;justify-content:center}.action-button{flex:1 1;font-size:.9rem;height:48px;padding:12px 24px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.action-button:disabled{opacity:.6}.action-button--primary{background:#3b82f633;border:1px solid #3b82f64d;color:#3b82f6}.action-button--primary:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f680}.action-button--secondary{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.action-button--secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.action-button--danger{background:#ef44441f;border:1px solid #ef444440;color:#ef4444}.action-button--danger:hover:not(:disabled){background:#ef44444d;border-color:#ef444480}.action-button--success{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.action-button--success:hover{background:#22c55e4d;border-color:#22c55e80}.action-button--warning{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.action-button--warning:hover{background:#fbbf244d;border-color:#fbbf2480}.action-button:disabled{cursor:not-allowed;opacity:.5}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fffc;height:16px;width:16px}.squad-card.animating{pointer-events:none}.squad-card.like-state{border-color:#ff6b6b;box-shadow:0 8px 32px #ff6b6b4d}.squad-card.dislike-state{border-color:#94a3b8;box-shadow:0 8px 32px #94a3b84d}.squad-card.match-state{animation:matchGlow 2s ease-in-out infinite;border-color:#f59e0b;box-shadow:0 8px 32px #f59e0b66}@keyframes matchGlow{0%,to{box-shadow:0 8px 32px #f59e0b66}50%{box-shadow:0 8px 32px #f59e0bcc}}.squad-card.like-state.animating{animation:slideOutLeft .3s ease-in-out forwards}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0) rotate(0deg)}to{opacity:0;transform:translateX(-100vw) rotate(-15deg)}}.squad-card.dislike-state.animating{animation:slideOutRight .3s ease-in-out forwards}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0) rotate(0deg)}to{opacity:0;transform:translateX(100vw) rotate(15deg)}}@media (max-width:768px){.squad-card{min-height:350px}.squad-card--matchup{max-width:100%;min-height:450px}.squad-cover{height:180px}.squad-card--matchup .squad-cover{height:220px}.squad-name{font-size:20px}.squad-card--matchup .squad-name{font-size:24px}.action-buttons{flex-direction:column}.action-button{min-width:100%}}@media (max-width:480px){.activity-context,.squad-actions,.squad-categories,.squad-header,.squad-stats{padding-left:16px;padding-right:16px}.squad-card{min-height:320px}.squad-card--matchup{min-height:400px}.squad-cover{height:160px}.squad-card--matchup .squad-cover{height:200px}}.enhanced-filter-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);margin-bottom:var(--spacing-xl);padding:var(--spacing-xl)}.filter-panel-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.filter-panel-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.close-filters-btn{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-sm);transition:var(--transition-fast)}.close-filters-btn:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.primary-filters{gap:var(--spacing-xl)}.filter-section,.primary-filters{display:flex;flex-direction:column}.filter-section{gap:var(--spacing-md)}.filter-section h4{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);margin:0}.location-distance-row{align-items:center;display:flex;gap:var(--spacing-md)}.location-input-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;flex:1 1;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-normal)}.location-input-wrapper:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.location-icon{color:var(--color-text-secondary);flex-shrink:0;margin-right:var(--spacing-sm)}.location-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-sm);outline:none}.location-input::placeholder{color:var(--color-text-muted)}.use-location-btn{background:var(--gradient-accent);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}.location-filter-wrapper{flex:1 1;width:100%}.location-filter-wrapper .filter-panel-location-section{margin-bottom:0}.location-filter-wrapper .form-group-label,.location-filter-wrapper .form-section-title{display:none}.location-filter-wrapper .location-tbd-checkbox{cursor:pointer;display:none;font-weight:var(--font-weight-medium);margin-left:var(--spacing-sm);transition:var(--transition-fast)}.use-location-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.distance-controls{display:flex;flex-direction:column;gap:6px;min-width:220px}.distance-labels{color:var(--color-text-muted);display:flex;font-size:var(--font-size-xs);justify-content:space-between;margin-top:2px}.distance-label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.distance-slider{-webkit-appearance:none;background:var(--explore-bg-secondary);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.distance-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gradient-accent);border-radius:var(--radius-full);box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.distance-slider::-moz-range-thumb{background:var(--gradient-accent);border:none;border-radius:var(--radius-full);box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.distance-values{color:var(--color-text-muted);display:flex;font-size:var(--font-size-xs);justify-content:space-between}.participant-size-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.participant-size-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:6px 12px;transition:var(--transition-fast)}.participant-size-btn:hover{background:var(--color-bg-glass-hover);transform:translateY(-1px)}.participant-size-btn.active{background:var(--gradient-accent);border-color:#0000;color:var(--color-text-primary)}.participant-range{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.range-input-group{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-xs)}.range-input-group label{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.range-slider{-webkit-appearance:none;background:var(--explore-bg-secondary);border-radius:2px;cursor:pointer;height:4px;outline:none;width:100%}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gradient-accent);border-radius:var(--radius-full);box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.range-slider::-moz-range-thumb{background:var(--gradient-accent);border:none;border-radius:var(--radius-full);box-shadow:0 2px 4px #0003;cursor:pointer;height:16px;width:16px}.age-presets{gap:var(--spacing-sm)}.age-preset-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:6px 12px;transition:var(--transition-fast)}.age-preset-btn:hover{background:var(--color-bg-glass-hover);transform:translateY(-1px)}.age-preset-btn.active{background:var(--gradient-accent);border-color:#0000;color:var(--color-text-primary)}.age-range{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.gender-preference-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.gender-preference-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:6px 12px;transition:var(--transition-fast)}.gender-preference-btn:hover{background:var(--color-bg-glass-hover);transform:translateY(-1px)}.gender-preference-btn.active{background:var(--gradient-accent);border-color:#0000;color:var(--color-text-primary)}.advanced-filters{border-top:1px solid var(--color-border-primary);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.advanced-filters-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);padding:var(--spacing-sm);transition:var(--transition-fast)}.advanced-filters-toggle:hover{background:var(--color-bg-glass);color:var(--color-text-primary)}.advanced-filters-content{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.category-buttons{gap:var(--spacing-sm)}.show-more-categories-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.show-more-categories-btn:hover{background:var(--color-bg-glass-hover);color:var(--color-text-primary)}.intent-filter-buttons,.skill-level-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.filter-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.filter-actions{border-top:1px solid var(--color-border-primary);gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.clear-filters-btn{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-lg);color:#fca5a5;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-fast)}.clear-filters-btn:hover{background:#ef444433;color:#fecaca;transform:translateY(-1px)}.apply-filters-btn{background:var(--gradient-accent);border:none;border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition-fast)}.apply-filters-btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}@media (max-width:768px){.enhanced-filter-panel{padding:var(--spacing-lg)}.location-distance-row{flex-direction:column;gap:var(--spacing-md)}.distance-controls{min-width:auto}.age-range,.participant-range{flex-direction:column;gap:var(--spacing-md)}.filter-actions{flex-direction:column}.apply-filters-btn,.clear-filters-btn{text-align:center;width:100%}}.advanced-filters-toggle:focus-visible,.age-preset-btn:focus-visible,.apply-filters-btn:focus-visible,.clear-filters-btn:focus-visible,.close-filters-btn:focus-visible,.gender-preference-btn:focus-visible,.participant-size-btn:focus-visible,.show-more-categories-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.advanced-filters-toggle,.age-preset-btn,.apply-filters-btn,.clear-filters-btn,.gender-preference-btn,.participant-size-btn,.show-more-categories-btn{transition:none}}.results-section{margin-top:var(--spacing-xl)}.results-header{border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.results-info h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs) 0}.results-count{color:var(--color-text-secondary)}.results-count,.sort-btn{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sort-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-bg-glass);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-normal)}.sort-btn:hover{background:var(--color-bg-glass-hover);transform:translateY(-1px)}.sort-btn:active{transform:translateY(0)}.loading-state{padding:var(--explore-spacing-3xl);text-align:center}.loading-spinner{animation:spin 2s linear infinite;font-size:48px;margin-bottom:var(--spacing-lg)}.loading-state p{color:var(--color-text-secondary);font-size:var(--font-size-md)}.no-results{background:#f7f7f8!important;background:var(--color-surface-elevated,#f7f7f8)!important;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:12px;border-radius:var(--radius-xl,12px);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm,0 1px 2px #0000000a);color:#111827!important;padding:var(--explore-spacing-3xl)}.no-results-icon{font-size:64px;margin-bottom:var(--spacing-xl)}.no-results h3{color:#111827!important;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md) 0}.no-results p{color:#374151!important;font-size:var(--font-size-md);line-height:1.5;max-width:400px}.activities-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:var(--spacing-lg)}@media (max-width:1200px){.activities-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.results-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.sort-btn{justify-content:center;width:100%}.activities-grid{gap:var(--spacing-md);grid-template-columns:1fr}.loading-state,.no-results{padding:var(--spacing-xl)}.no-results-icon{font-size:48px}.no-results h3{font-size:var(--font-size-xl)}.no-results p{font-size:var(--font-size-sm)}}.sort-btn:focus-visible{outline:2px solid var(--explore-border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}.sort-btn{transition:none}}@media (prefers-contrast:high){.no-results{background:#f7f7f8!important}.no-results,.no-results h3{color:#111827!important}.no-results p{color:#374151!important}}.activity-share-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 4px #0000000f;color:#1e293b;cursor:pointer;margin:8px 0;padding:14px;position:relative;transition:box-shadow .2s ease}.activity-share-card:hover{box-shadow:0 4px 16px #0000001a}.activity-share-card:focus{outline:2px solid #1a7a4a;outline-offset:2px}.activity-share-card__header{display:flex;flex-direction:column;margin-bottom:10px}.activity-share-card__title-row{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.activity-share-card__title{color:#1e293b;flex:1 1;font-size:1rem;font-weight:700;line-height:1.4;margin:0;text-align:left}.activity-share-card__photo-section{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;flex-shrink:0;justify-content:center;margin-bottom:10px;min-height:160px;overflow:hidden}.activity-share-card__photo{display:block;height:160px;object-fit:cover;width:100%}.activity-share-card__no-photo{align-items:center;border:2px dashed #e2e8f0;border-radius:8px;color:#94a3b8;display:flex;flex-direction:column;height:160px;justify-content:center;width:100%}.activity-share-card__no-photo--hidden{display:none}.activity-share-card__no-photo-icon{height:40px;margin-bottom:8px;opacity:.5;width:40px}.activity-share-card__no-photo span{font-size:.85rem;font-weight:500}.activity-share-card__note{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:10px;padding:8px 12px}.activity-share-card__note-label{color:#64748b;display:block;font-size:.72rem;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.activity-share-card__note p{color:#1e293b;font-size:.88rem;line-height:1.4;margin:0}.activity-share-card__content{margin-bottom:8px}.activity-share-card__meta{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr 1fr}.activity-share-card__meta-item--location{grid-column:1/-1}.activity-share-card__meta-item--datetime{align-items:center;display:flex;gap:16px;grid-column:1/-1;padding:6px 8px}.activity-share-card__meta-item-inner{align-items:center;display:flex;flex:1 1;gap:6px}.activity-share-card__meta-item-inner>span{flex:1 1;min-width:0;text-align:left}.activity-share-card__meta-item{align-items:center;border-bottom:1px solid #f1f5f9;color:#1e293b;display:flex;flex-shrink:0;font-size:.82rem;gap:6px;padding:6px 8px;width:100%}.activity-share-card__meta-item>span{flex:1 1;min-width:0;text-align:left}.activity-share-card__meta-icon{color:#1a7a4a;flex-shrink:0;height:15px;width:15px}.activity-share-card__poll-widget,.activity-share-card__polling{margin-top:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.activity-share-card--new{animation:slideInUp .3s ease-out}@media (max-width:768px){.activity-share-card{margin:6px 0;padding:12px}.activity-share-card__photo{height:130px}.activity-share-card__photo-section{min-height:130px}.activity-share-card__no-photo{height:130px}.activity-share-card__meta-item{border-bottom:none;font-size:.76rem;padding:4px 6px}.activity-share-card__meta-icon{height:13px;width:13px}}.spi{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:14px}.spi__toolbar{display:flex;justify-content:flex-end;margin-bottom:2px}.spi__refresh{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:background .15s,color .15s;width:28px}.spi__refresh:hover:not(:disabled){background:#f1f5f9;color:#64748b}.spi__refresh:disabled{cursor:not-allowed;opacity:.4}.spi__error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.82rem;padding:8px 10px}.spi__loading{color:#94a3b8;font-size:.82rem;padding:8px 0;text-align:center}.spi__closed{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;display:flex;gap:10px;padding:12px}.spi__closed-icon{color:#16a34a;flex-shrink:0}.spi__closed-title{color:#15803d;font-size:.92rem;font-weight:700}.spi__closed-sub{color:#16a34a;font-size:.78rem;margin-top:2px}.spi__votes{display:flex;flex-direction:column;gap:5px}.spi__vote{align-items:center;border:1px solid #0000;border-radius:8px;display:flex;gap:8px;padding:7px 10px}.spi__vote--none{background:#fff;border-color:#e2e8f0}.spi__vote--yes{background:#f0fdf4}.spi__vote--no{background:#fef2f2}.spi__vote--maybe{background:#fffbeb}.spi__vote-av{background:#e2e8f0;border-radius:50%;flex-shrink:0;height:26px;object-fit:cover;width:26px}.spi__vote-name{color:#1e293b;flex:1 1;font-size:.82rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spi__vote-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.spi__vote-status{font-size:.78rem;font-weight:600}.spi__vote--yes .spi__vote-status{color:#16a34a}.spi__vote--no .spi__vote-status{color:#dc2626}.spi__vote--maybe .spi__vote-status{color:#d97706}.spi__vote-status--muted{color:#94a3b8!important;font-weight:400}.spi__vote-btn{border:1px solid;border-radius:999px;cursor:pointer;font-size:.75rem;font-weight:600;line-height:1.4;padding:3px 11px;transition:background .15s}.spi__vote-btn:disabled{cursor:not-allowed;opacity:.5}.spi__vote-btn--yes{background:#f0fdf4;border-color:#86efac;color:#16a34a}.spi__vote-btn--yes:hover:not(:disabled){background:#dcfce7}.spi__vote-btn--no{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.spi__vote-btn--no:hover:not(:disabled){background:#fee2e2}.spi__bar-wrap{display:flex;flex-direction:column;gap:5px}.spi__bar-track{background:#f1f5f9;border-radius:100px;height:5px;overflow:hidden}.spi__bar-fill{background:linear-gradient(90deg,#1a7a4a,#2ecc71);border-radius:100px;height:100%;min-width:0;transition:width .4s ease}.spi__bar-labels{align-items:center;display:flex;justify-content:space-between}.spi__bar-needed,.spi__bar-ready{color:#64748b;font-size:.72rem}.chat-message{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.chat-message--own{flex-direction:row-reverse}.chat-message--other{flex-direction:row}.chat-message__avatar{align-items:center;background:#3b82f633;border:1px solid #3b82f64d;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.chat-message__avatar img{height:100%;object-fit:cover;width:100%}.chat-message__avatar-fallback{align-items:center;background:#3b82f6;color:#fff;display:flex;font-size:16px;font-weight:600;height:100%;justify-content:center;width:100%}.chat-message__content{display:flex;flex-direction:column;gap:4px;max-width:70%}.chat-message--own .chat-message__content{align-items:flex-end}.chat-message--other .chat-message__content{align-items:flex-start}.chat-message__header{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px}.chat-message--own .chat-message__header{flex-direction:row-reverse}.chat-message__sender{color:#0f172a;font-weight:600}.chat-message__time{font-size:11px;opacity:.7}.chat-message__text{word-wrap:break-word;background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 1px 2px #0f172a14;color:#0f172a;font-size:14px;line-height:1.4;padding:12px 16px}.chat-message__image img{border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 2px 8px #0000004d;display:block;max-height:240px;max-width:320px}.chat-message--own .chat-message__text{background:#3b82f6;border:1px solid #3b82f666;border-bottom-right-radius:4px;box-shadow:0 4px 12px #3b82f640;color:#fff}.chat-message--other .chat-message__text{background:#f8fafc;border:1px solid #e2e8f0;border-bottom-left-radius:4px;color:#0f172a}@media (max-width:480px){.chat-message{gap:8px;margin-bottom:12px}.chat-message__avatar{height:32px;width:32px}.chat-message__avatar-fallback{font-size:14px}.chat-message__content{max-width:75%}.chat-message__text{font-size:13px;padding:10px 14px}}.chat-input{background:#f8fafc;border-top:1px solid #e2e8f0;bottom:0;left:0;padding:16px;position:fixed;right:0;z-index:100}.chat-input,.chat-input__container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-input__container{align-items:flex-end;background:#fff;border:1px solid #d1d5db;border-radius:24px;display:flex;gap:12px;max-height:120px;min-height:48px;padding:8px 12px;transition:all .2s ease}.chat-input__attach{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.chat-input__attach:hover:not(:disabled){background:#e2e8f0}.chat-input__container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.chat-input__textarea{background:#0000;border:none;color:#0f172a!important;flex:1 1;font-family:inherit;font-size:14px;line-height:1.4;max-height:100px;min-height:20px;outline:none;overflow-y:auto;padding:4px 0;resize:none}.chat-input__textarea::placeholder{color:#94a3b8!important}.chat-input__textarea:disabled{cursor:not-allowed;opacity:.6}.chat-input__send{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#475569;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.chat-input__send:hover:not(:disabled){background:#fff3;transform:scale(1.05)}.chat-input__send--active{background:#3b82f6;color:#fff}.chat-input__send--active:hover:not(:disabled){background:#2563eb;transform:scale(1.05)}.chat-input__send:disabled{cursor:not-allowed;opacity:.4;transform:none}.chat-input__send:active:not(:disabled){transform:scale(.95)}@media (max-width:480px){.chat-input{padding:12px}.chat-input__container{min-height:44px;padding:6px 10px}.chat-input__textarea{font-size:13px}.chat-input__send{height:32px;width:32px}}.chat-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 12px #0f172a0d;gap:16px;min-height:60px;padding:16px 20px;position:relative;z-index:20}.chat-header,.chat-header__back-btn{align-items:center;color:#000!important;display:flex;flex-shrink:0}.chat-header__back-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;cursor:pointer;height:40px;justify-content:center;transition:all .2s ease;width:40px}.chat-header__back-btn svg{stroke:currentColor;color:inherit}.chat-header__back-btn:hover{background:#e2e8f0;transform:scale(1.05)}.chat-header__back-btn:active{transform:scale(.95)}.chat-header__content{flex:1 1;min-width:0}.chat-header__title{word-wrap:break-word;color:#000!important;font-size:18px;font-weight:600;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;margin:0;overflow-wrap:break-word}.chat-header__title--clickable{border-radius:8px;cursor:pointer;margin:-8px -12px;padding:8px 12px;transition:all .2s ease}.chat-header__title--clickable:hover{background:#f8fafc;color:#667eea}.chat-header__title--clickable:active{background:#e2e8f0;transform:scale(.98)}@media (max-width:480px){.chat-header{gap:12px;min-height:56px;padding:12px 16px}.chat-header__back-btn{height:36px;width:36px}.chat-header__title{font-size:16px}}.mobile-swipe-container{display:none}@media (max-width:480px){.mobile-empty-state{align-items:center;background:#f7f7f8;background:var(--color-surface-elevated,#f7f7f8);box-sizing:border-box;color:#111827;display:flex;flex-direction:column;height:100vh;height:100dvh;justify-content:center;max-width:100vw;padding:24px;position:relative;text-align:center;width:100vw;z-index:0}.mobile-empty-icon{font-size:56px;margin-bottom:16px}.mobile-empty-title{color:#111827!important;font-size:20px;font-size:var(--font-size-xl,20px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 8px}.mobile-empty-desc{color:#374151!important;font-size:14px;font-size:var(--font-size-sm,14px);line-height:1.5;margin:0;max-width:360px}.mobile-empty-state{color:#111827!important}.mobile-swipe-container{-webkit-overflow-scrolling:touch;flex-direction:row;margin:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%}.mobile-slide,.mobile-swipe-container{display:flex;height:100%;max-height:100%;padding:0}.mobile-slide{align-items:stretch;box-sizing:border-box;flex:0 0 100vw;justify-content:stretch;max-width:100vw;overflow:hidden;scroll-snap-align:center;width:100vw}}.interested-hosts-tab{height:100%;width:100%}.empty-state{padding:60px 20px}.empty-state-icon{font-size:64px;line-height:1;margin-bottom:24px}.empty-state-title{color:#1a1a1a;font-size:24px;font-weight:600;margin:0 0 12px}.empty-state-description{color:#666;font-size:16px;margin:0 0 32px;max-width:400px}.empty-state-tips{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;max-width:400px;width:100%}.empty-state-tip{align-items:center;background:#f8f9fa;border-radius:8px;color:#444;display:flex;font-size:14px;gap:12px;margin:0;padding:12px 16px;text-align:left}.tip-icon{flex-shrink:0;font-size:20px}.empty-state-action{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:background-color .2s,transform .1s}.empty-state-action:hover{background:#5568d3}.empty-state-action:active{transform:scale(.98)}.loading-state{color:#666;font-size:16px;min-height:400px;padding:60px 20px}@media (max-width:768px){.empty-state{min-height:300px;padding:40px 16px}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state-title{font-size:20px}.empty-state-description{font-size:14px;margin-bottom:24px}.empty-state-tips{gap:12px;margin-bottom:24px}.empty-state-tip{font-size:13px;padding:10px 12px}.tip-icon{font-size:18px}.empty-state-action{font-size:14px;padding:10px 24px}}.location-choice-modal-overlay{align-items:center;animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.location-choice-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.modal-title{color:#1e293b;margin:0}.modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.modal-close-button:hover{background:#f1f5f9;color:#374151}.modal-close-button:disabled{cursor:not-allowed;opacity:.5}.modal-body{padding:0 24px 24px}.distance-context{margin-bottom:24px}.distance-info{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;color:#0369a1;display:flex;font-size:16px;gap:8px;padding:16px}.distance-info svg{color:#0284c7;flex-shrink:0}.distance-info strong{font-weight:600}.strategy-options{display:flex;flex-direction:column;gap:16px}.strategy-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .2s ease}.strategy-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a}.strategy-card.selected{background:#f8fafc;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.strategy-card.recommended{border-color:#10b981}.strategy-card.recommended.selected{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.recommended-badge{background:#10b981;border-radius:12px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;position:absolute;right:16px;text-transform:uppercase;top:-8px}.strategy-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.strategy-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.strategy-content{flex:1 1}.strategy-title{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 4px}.strategy-description{color:#64748b;font-size:14px;line-height:1.5;margin:0}.strategy-benefits{border-top:1px solid #f1f5f9;padding-top:16px}.strategy-benefits h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.strategy-benefits ul{margin:0;padding-left:20px}.strategy-benefits li{color:#64748b;font-size:13px;line-height:1.4;margin-bottom:4px}.strategy-benefits li:last-child{margin-bottom:0}.modal-footer{background:#f8fafc;border-radius:0 0 20px 20px;border-top:1px solid #e2e8f0;padding:24px}.modal-button{border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.modal-button:disabled{cursor:not-allowed;opacity:.5}.modal-button-secondary{background:#fff;border-color:#d1d5db;color:#64748b}.modal-button-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.modal-button-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.modal-button-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}@media (max-width:768px){.location-choice-modal{max-height:90vh;width:95%}.modal-header{padding:20px 20px 0}.modal-body{padding:0 20px 20px}.modal-footer{flex-direction:column;padding:20px}.modal-button{width:100%}.strategy-header{align-items:flex-start;flex-direction:column;gap:12px}.strategy-icon{height:40px;width:40px}}.modal-button:focus,.strategy-card:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.location-choice-modal{border:3px solid #000}.modal-button,.strategy-card{border-width:3px}}.user-search{margin:0;max-width:none;position:relative;width:100%;z-index:2}.search-input-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;display:flex;padding:12px 16px;position:relative;transition:all .3s ease}.search-input-container:focus-within{background:#ffffff26;border-color:#667eea;box-shadow:0 0 0 2px #667eea26}.search-input-container--minimal{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:2px solid #e2e8f0;border-radius:8px;min-height:48px;padding:12px 16px}.search-input-container--minimal:focus-within{background:#0000;border-color:#667eea;box-shadow:0 0 0 2px #667eea26}.search-input-container--minimal .search-icon{color:#64748b}.search-input-container--minimal .search-input{background:#0000!important;border:none!important;box-shadow:none!important;color:#1e293b;height:auto;line-height:1.4;outline:none!important;padding:2px 0 2px 6px!important}.search-input-container--minimal .search-input::placeholder{color:#94a3b8}.user-search--minimal .search-results{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}.user-search--minimal .result-item{border-bottom:1px solid #f1f5f9}.user-search--minimal .result-item:last-child{border-bottom:none}.user-search--minimal .result-item:hover{background:#f8fafc}.search-icon{color:#ffffffb3;flex-shrink:0;margin-right:12px}.user-search .search-icon{left:auto!important;position:static!important;top:auto!important;transform:none!important}.search-input{background:#0000;border:none;color:#fff;flex:1 1;font-size:16px;line-height:1.4;min-width:0;outline:none;padding-left:4px}.search-input::placeholder{color:#ffffff80}.search-input:disabled{cursor:not-allowed;opacity:.6}.clear-button{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s ease}.clear-button:hover{background:#ffffff1a;color:#fff}.clear-button:disabled{cursor:not-allowed;opacity:.5}.error-message{padding:12px 16px}.search-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2937f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 25px #0000004d;left:0;margin-top:8px;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.loading-state{color:#ffffffb3;gap:8px;padding:24px}.spinner{animation:spin 1s linear infinite}.no-results{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:32px 24px}.no-results svg{margin-bottom:12px;opacity:.5}.no-results p{font-size:14px;margin:0}.results-list{padding:8px}.result-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.result-item:hover{background:#ffffff1a}.result-item.selected{background:#667eea33;border:1px solid #667eea4d}.user-avatar{flex-shrink:0}.user-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}.user-name{color:#fff;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-username{color:#ffffffb3;margin-bottom:4px}.user-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff9;display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.select-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;padding:8px;transition:all .2s ease}.select-button:hover{background:#5a67d8}.request-form{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:16px;padding:20px}.selected-user{align-items:center;background:#ffffff1a;border-radius:8px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.selected-user img{border-radius:50%;height:48px;object-fit:cover;width:48px}.selected-user .user-name{color:#fff;font-size:16px;font-weight:600;margin-bottom:2px}.selected-user .user-username{color:#ffffffb3;font-size:14px}.remove-selection{background:none;border:none;border-radius:4px;color:#fff9;cursor:pointer;margin-left:auto;padding:4px;transition:all .2s ease}.remove-selection:hover{background:#ffffff1a;color:#fff}.form-group{margin-bottom:16px}.form-group label{color:#ffffffe6;font-weight:500}.form-textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:14px;padding:12px;transition:all .2s ease;width:100%}.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.form-textarea:disabled{cursor:not-allowed;opacity:.6}.user-search--minimal .form-textarea{background:#fff;border:1px solid #e2e8f0;color:#1e293b}.user-search--minimal .form-textarea::placeholder{color:#94a3b8}.user-search--minimal .form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26}.user-search--minimal .selected-user{background:#f8fafc;border:1px solid #e2e8f0}.user-search.user-search--minimal .selected-user .user-name{color:#1e293b!important}.user-search.user-search--minimal .selected-user .user-username{color:#64748b!important}.user-search.user-search--minimal .result-item .user-name{color:#1e293b!important}.user-search.user-search--minimal .result-item .user-username{color:#64748b!important}.send-request-button{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease;width:100%}.send-request-button:hover:not(:disabled){background:#5a67d8}.send-request-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:640px){.user-search{max-width:100%}.search-results{border-radius:12px;left:16px;margin-top:0;max-height:50vh;position:fixed;right:16px;top:auto;z-index:9999}.result-item{padding:16px}.user-avatar img{height:48px;width:48px}.user-name{font-size:16px}.user-username{font-size:14px}}.time-picker{position:relative;width:100%}.time-picker-trigger{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:flex;font-size:16px;font-size:var(--font-size-base,16px);gap:8px;padding:12px 16px;transition:all .2s;width:100%}.time-picker-trigger:hover:not(:disabled){border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.time-picker-trigger:disabled{background:#f1f5f9;background:var(--color-background-disabled,#f1f5f9);cursor:not-allowed;opacity:.6}.time-picker.error .time-picker-trigger{border-color:#ef4444;border-color:var(--color-error,#ef4444)}.time-picker-trigger svg{color:#64748b;color:var(--color-text-secondary,#64748b)}.time-picker-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a);left:0;min-width:280px;position:absolute;top:calc(100% + 4px);z-index:1000}.time-picker-content{display:flex;gap:8px;padding:16px}.time-column{display:flex;flex:1 1;flex-direction:column;gap:8px}.period-column{flex:0.8 1}.time-column-label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:12px;font-size:var(--font-size-xs,12px);font-weight:600;letter-spacing:.05em;text-align:center;text-transform:uppercase}.time-column-scroll{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;padding:4px;scrollbar-color:#e2e8f0 #0000;scrollbar-color:var(--color-border,#e2e8f0) #0000;scrollbar-width:thin}.time-column-scroll::-webkit-scrollbar{width:6px}.time-column-scroll::-webkit-scrollbar-track{background:#0000}.time-column-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--color-border,#e2e8f0);border-radius:3px}.time-option{background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm,6px);color:#1e293b;color:var(--color-text-primary,#1e293b);cursor:pointer;font-size:16px;font-size:var(--font-size-base,16px);padding:8px 12px;text-align:center;transition:all .15s}.time-option:hover{background:#f1f5f9;background:var(--color-background-hover,#f1f5f9)}.time-option.selected{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff;font-weight:600}.time-picker-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border,#e2e8f0);display:flex;gap:8px;padding:12px 16px}.time-picker-actions button{border:none;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;flex:1 1;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;padding:8px 16px;transition:all .2s}.btn-cancel{background:#0000;color:#64748b;color:var(--color-text-secondary,#64748b)}.btn-cancel:hover{background:#f1f5f9;background:var(--color-background-hover,#f1f5f9)}.btn-apply{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.btn-apply:hover{background:#2563eb;background:var(--color-primary-dark,#2563eb)}@media (max-width:480px){.time-picker-dropdown{min-width:240px}.time-picker-content{padding:12px}.time-column-scroll{max-height:150px}.time-option{font-size:14px;font-size:var(--font-size-sm,14px);padding:6px 8px}}.recurring-options{background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;gap:16px;margin-top:16px;padding:20px}.recurring-header{align-items:center;color:#1e293b;color:var(--color-text-primary,#1e293b);display:flex;font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;gap:8px}.recurring-header svg{color:#3b82f6;color:var(--color-primary,#3b82f6)}.frequency-selector{display:flex;gap:8px}.frequency-btn{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;flex:1 1;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;padding:10px 16px;transition:all .2s}.frequency-btn:hover{color:#1e293b;color:var(--color-text-primary,#1e293b)}.frequency-btn.active,.frequency-btn:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.frequency-btn.active{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.recurring-field{display:flex;flex-direction:column;gap:8px}.recurring-field label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.recurring-field input[type=date],.recurring-field input[type=number]{border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);font-size:16px;font-size:var(--font-size-base,16px);padding:10px 14px;transition:border-color .2s}.recurring-field input:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);outline:none}.interval-input{align-items:center;display:flex;gap:12px}.interval-input input{width:80px}.interval-unit{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px)}.days-of-week{display:flex;gap:8px}.day-btn{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;flex:1 1;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;min-width:0;padding:10px;transition:all .2s}.day-btn:hover{color:#1e293b;color:var(--color-text-primary,#1e293b)}.day-btn.active,.day-btn:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.day-btn.active{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.recurring-preview{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);color:#1e293b;color:var(--color-text-primary,#1e293b);display:flex;font-size:14px;font-size:var(--font-size-sm,14px);gap:8px;margin-top:4px;padding:12px 16px}.recurring-preview svg{color:#3b82f6;color:var(--color-primary,#3b82f6);flex-shrink:0}@media (max-width:640px){.recurring-options{padding:16px}.frequency-selector{flex-direction:column}.days-of-week{flex-wrap:wrap}.day-btn{min-width:44px}.interval-input{flex-wrap:wrap}}@media (max-width:480px){.days-of-week{gap:4px}.day-btn{font-size:12px;font-size:var(--font-size-xs,12px);padding:8px 4px}}.create-activity-refactored{-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:DM Sans,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:24px 16px;padding:var(--spacing-6,24px) var(--spacing-4,16px)}.create-activity-container{max-width:800px}.page-header{margin-bottom:32px;margin-bottom:var(--spacing-8,32px);text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--color-text-primary,#1e293b);font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:48px;font-size:var(--font-size-5xl,48px);font-weight:700;letter-spacing:-.02em;margin:0 0 8px;margin:0 0 var(--spacing-2,8px) 0}.page-subtitle{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:18px;font-size:var(--font-size-lg,18px);margin:0}.import-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#eff6ff);border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:16px;border-radius:var(--radius-xl,16px);display:flex;gap:16px;gap:var(--spacing-4,16px);justify-content:space-between;margin-bottom:24px;margin-bottom:var(--spacing-6,24px);padding:20px 24px;padding:var(--spacing-5,20px) var(--spacing-6,24px)}.import-section-text{display:flex;flex-direction:column;gap:4px}.import-section-title{color:#1e293b;color:var(--color-text-primary,#1e293b);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.import-section-subtitle{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:12px;font-size:var(--font-size-xs,12px)}.import-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);color:#1e293b;color:var(--color-text-primary,#1e293b);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;gap:8px;gap:var(--spacing-2,8px);padding:10px 20px;transition:all .2s;white-space:nowrap}.import-button:hover{background:#3b82f6;background:var(--color-primary,#3b82f6);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#fff}.import-icon{font-size:16px}.external-indicator{align-items:center;background:#dbeafe;border-radius:999px;border-radius:var(--radius-full,999px);color:#1e40af;display:inline-flex;font-size:12px;font-size:var(--font-size-xs,12px);gap:8px;gap:var(--spacing-2,8px);margin-top:8px;margin-top:var(--spacing-2,8px);padding:6px 12px}@media (max-width:480px){.import-section{align-items:flex-start;flex-direction:column}.import-button{justify-content:center;width:100%}}.auto-import-error-banner{align-items:flex-start;background-color:#fff8e6;border:1px solid #f59e0b;border:1px solid var(--color-warning,#f59e0b);border-radius:8px;border-radius:var(--radius-lg,8px);display:flex;gap:12px;margin-bottom:16px;margin-bottom:var(--spacing-4,16px);padding:14px 16px}.auto-import-error-icon{flex-shrink:0;font-size:18px;margin-top:2px}.auto-import-error-content{flex:1 1}.auto-import-error-title{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;margin:0 0 4px}.auto-import-error-body{color:#475569;color:var(--color-text-secondary,#475569);font-size:13px;font-size:var(--font-size-xs,13px);margin:0}.auto-import-error-dismiss{background:none;border:none;color:#94a3b8;color:var(--color-text-muted,#94a3b8);cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;padding:0}.auto-import-error-dismiss:hover{color:#475569;color:var(--color-text-secondary,#475569)}.activity-form{background:#fff;border-radius:24px;border-radius:var(--radius-2xl,24px);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a);padding:32px;padding:var(--spacing-8,32px)}.form-group{margin-bottom:var(--spacing-6,24px)}.form-label{align-items:center;color:#1e293b;color:var(--color-text-primary,#1e293b);display:flex;font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;gap:8px;gap:var(--spacing-2,8px);margin-bottom:12px;margin-bottom:var(--spacing-3,12px)}.form-hint{margin:8px 0 0;margin:var(--spacing-2,8px) 0 0 0}.form-hint,.sub-label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px)}.sub-label{display:block;font-weight:600;margin-bottom:8px;margin-bottom:var(--spacing-2,8px)}.sub-group{margin-top:16px;margin-top:var(--spacing-4,16px)}.required{color:#ef4444;color:var(--color-error,#ef4444)}.form-divider{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);background:linear-gradient(90deg,#0000,var(--color-border,#e2e8f0),#0000);height:1px;margin:32px 0;margin:var(--spacing-8,32px) 0}.activity-form input[type=date],.activity-form input[type=number],.activity-form input[type=text],.activity-form select,.activity-form textarea{border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);font-family:inherit;font-size:16px;font-size:var(--font-size-base,16px);padding:12px 16px;transition:border-color .2s;width:100%}.activity-form input:focus,.activity-form select:focus,.activity-form textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);outline:none}.activity-form input.error,.activity-form select.error,.activity-form textarea.error{border-color:#ef4444;border-color:var(--color-error,#ef4444)}.activity-form textarea{min-height:100px;resize:vertical}.error-message{color:var(--color-error,#ef4444);font-size:var(--font-size-sm,14px);margin-top:8px;margin-top:var(--spacing-2,8px)}.intent-group{background:linear-gradient(135deg,#f8fafc,#eff6ff);border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:16px;border-radius:var(--radius-xl,16px);padding:24px;padding:var(--spacing-6,24px)}.intent-grid{grid-gap:12px;grid-gap:var(--spacing-3,12px);display:grid;gap:12px;gap:var(--spacing-3,12px);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:16px;margin-top:var(--spacing-4,16px)}.intent-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);cursor:pointer;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-2,8px);padding:16px;padding:var(--spacing-4,16px);text-align:center;transition:all .2s}.intent-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);transform:translateY(-2px)}.intent-card.selected{border-width:2px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a)}.intent-icon{font-size:32px}.intent-label{color:#1e293b;color:var(--color-text-primary,#1e293b);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.intent-description{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:12px;font-size:var(--font-size-xs,12px);line-height:1.4}.photo-upload-area input[type=file]{display:none}.upload-target{border:2px dashed #e2e8f0;border:2px dashed var(--color-border,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);cursor:pointer;transition:border-color .2s}.upload-target:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-2,8px);padding:32px;padding:var(--spacing-8,32px)}.upload-placeholder,.upload-placeholder svg{color:#64748b;color:var(--color-text-secondary,#64748b)}.upload-placeholder small{color:#94a3b8;color:var(--color-text-tertiary,#94a3b8);font-size:12px;font-size:var(--font-size-xs,12px)}.photo-preview{border-radius:12px;border-radius:var(--radius-lg,12px)}.photo-preview img{display:block;height:240px}.photo-remove{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:background .2s;width:32px}.photo-remove:hover{background:#000000e6}.host-type-selector{grid-gap:16px;grid-gap:var(--spacing-4,16px);display:grid;gap:16px;gap:var(--spacing-4,16px);grid-template-columns:1fr 1fr;margin-top:12px;margin-top:var(--spacing-3,12px)}.host-option{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);cursor:pointer;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-2,8px);padding:16px;padding:var(--spacing-4,16px);text-align:center;transition:all .2s}.host-option:hover:not(:disabled){border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.host-option:disabled{cursor:not-allowed;opacity:.5}.host-option.selected{background:#eff6ff;border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.host-icon{font-size:28px}.host-label{color:#1e293b;color:var(--color-text-primary,#1e293b);font-size:16px;font-size:var(--font-size-base,16px);font-weight:600}.host-desc{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:12px;font-size:var(--font-size-xs,12px)}.squad-selector{margin-top:16px;margin-top:var(--spacing-4,16px)}.squad-selector select{width:100%}.loading-state,.warning-state{border-radius:8px;border-radius:var(--radius-md,8px);font-size:14px;font-size:var(--font-size-sm,14px);padding:12px;padding:var(--spacing-3,12px)}.loading-state{background:#f8fafc;background:var(--color-background-secondary,#f8fafc);color:#64748b;color:var(--color-text-secondary,#64748b)}.warning-state{background:#fef3c7;color:#92400e}.time-row{grid-gap:16px;grid-gap:var(--spacing-4,16px);align-items:start;display:grid;gap:16px;gap:var(--spacing-4,16px);grid-template-columns:1fr 1fr auto;margin-top:12px;margin-top:var(--spacing-3,12px)}.time-field{flex-direction:column}.time-field,.time-label{display:flex;gap:8px;gap:var(--spacing-2,8px)}.time-label{align-items:center;color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.time-tbd{align-self:center}.input-with-tbd{align-items:center;display:flex;gap:12px;gap:var(--spacing-3,12px)}.input-with-tbd input[type=date]{flex:1 1}.checkbox-label,.tbd-toggle{align-items:center;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;gap:8px;gap:var(--spacing-2,8px);-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox],.tbd-toggle input[type=checkbox]{cursor:pointer;width:auto}.recurring-toggle{align-items:center;background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;gap:8px;gap:var(--spacing-2,8px);margin-top:16px;margin-top:var(--spacing-4,16px);padding:12px;padding:var(--spacing-3,12px);transition:background .2s}.recurring-toggle:hover{background:#eff6ff}.recurring-toggle input[type=checkbox]{cursor:pointer;width:auto}.category-tags{display:flex;flex-wrap:wrap;gap:8px;gap:var(--spacing-2,8px);margin-top:8px;margin-top:var(--spacing-2,8px)}.two-column-row{grid-gap:16px;grid-gap:var(--spacing-4,16px);display:grid;gap:16px;gap:var(--spacing-4,16px);grid-template-columns:1fr 1fr;margin-top:16px;margin-top:var(--spacing-4,16px)}.number-input-group{align-items:center;display:flex;position:relative}.number-input-group input[type=number]{padding-right:60px}.number-stepper{display:flex;flex-direction:column;gap:2px}.number-stepper button{align-items:center;background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:4px;border-radius:var(--radius-sm,4px);color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;display:flex;font-size:14px;font-weight:600;height:20px;justify-content:center;line-height:1;transition:all .15s;width:28px}.number-stepper button:hover{background:#3b82f6;background:var(--color-primary,#3b82f6);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#fff}.invited-list{margin-top:16px;margin-top:var(--spacing-4,16px)}.invited-count{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;margin:0 0 8px;margin:0 0 var(--spacing-2,8px) 0}.invited-users{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-2,8px)}.invited-user{align-items:center;background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;gap:12px;gap:var(--spacing-3,12px);padding:12px;padding:var(--spacing-3,12px)}.invited-user img{border-radius:50%;height:40px;object-fit:cover;width:40px}.user-info{flex:1 1;flex-direction:column;gap:2px}.user-name{color:#1e293b;color:var(--color-text-primary,#1e293b);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.user-username{font-size:12px;font-size:var(--font-size-xs,12px)}.remove-user,.user-username{color:#64748b;color:var(--color-text-secondary,#64748b)}.remove-user{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:50%;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s;width:28px}.remove-user:hover{background:#ef4444;background:var(--color-error,#ef4444);border-color:#ef4444;border-color:var(--color-error,#ef4444);color:#fff}.form-actions{border-top:1px solid var(--color-border,#e2e8f0);margin-top:32px;margin-top:var(--spacing-8,32px);padding-top:24px;padding-top:var(--spacing-6,24px)}.submit-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a);color:#fff;cursor:pointer;font-size:18px;font-size:var(--font-size-lg,18px);font-weight:700;padding:16px 32px;transition:all .2s;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl,0 20px 25px -5px #0000001a);transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-overlay{padding:var(--spacing-4,16px);z-index:9999}.modal-content{border-radius:24px;border-radius:var(--radius-2xl,24px);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl,0 25px 50px -12px #00000040);padding:var(--spacing-6,24px)}.modal-close{background:#0000;color:#64748b;color:var(--color-text-secondary,#64748b);font-size:24px}.modal-close:hover,.modal-content h3{color:#1e293b;color:var(--color-text-primary,#1e293b)}.modal-content h3{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:24px;font-size:var(--font-size-2xl,24px);font-weight:700;letter-spacing:-.02em;margin:0 0 12px;margin:0 0 var(--spacing-3,12px) 0}.modal-description{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:var(--font-size-sm,14px);line-height:1.6;margin:0 0 var(--spacing-6,24px) 0}.modal-input{display:flex;flex-direction:column;gap:8px;gap:var(--spacing-2,8px);margin-bottom:16px;margin-bottom:var(--spacing-4,16px)}.modal-input label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600}.modal-input input{border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);font-size:16px;font-size:var(--font-size-base,16px);padding:12px 16px;width:100%}.supported-platforms{margin-bottom:var(--spacing-6,24px)}.supported-platforms p{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px);margin:0 0 var(--spacing-2,8px) 0}.platform-badges{gap:var(--spacing-2,8px)}.platform-badges span{background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border,#e2e8f0);border-radius:999px;border-radius:var(--radius-full,999px);color:#64748b;color:var(--color-text-secondary,#64748b);font-size:12px;font-size:var(--font-size-xs,12px);padding:4px 12px}.modal-actions{gap:var(--spacing-3,12px)}.btn-primary,.btn-secondary{border-radius:12px;border-radius:var(--radius-lg,12px);flex:1 1;font-size:16px;font-size:var(--font-size-base,16px);padding:12px 24px}.btn-secondary{background:#0000;border:2px solid #e2e8f0;border:2px solid var(--color-border,#e2e8f0);color:#64748b;color:var(--color-text-secondary,#64748b)}.btn-secondary:hover:not(:disabled){background:#f1f5f9;background:var(--color-background-hover,#f1f5f9)}.btn-primary{background:#3b82f6;background:var(--color-primary,#3b82f6)}.btn-primary:hover:not(:disabled){background:#2563eb;background:var(--color-primary-dark,#2563eb)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6}.spinner{margin-right:8px;margin-right:var(--spacing-2,8px)}@media (max-width:768px){.page-header h1{font-size:36px;font-size:var(--font-size-4xl,36px)}.activity-form{padding:24px;padding:var(--spacing-6,24px)}.intent-grid{grid-template-columns:repeat(2,1fr)}.time-row{gap:12px;gap:var(--spacing-3,12px);grid-template-columns:1fr}.time-tbd{align-self:start}.host-type-selector,.two-column-row{grid-template-columns:1fr}}@media (max-width:480px){.create-activity-refactored{padding:16px 8px;padding:var(--spacing-4,16px) var(--spacing-2,8px)}.page-header h1{font-size:30px;font-size:var(--font-size-3xl,30px)}.activity-form{border-radius:16px;border-radius:var(--radius-xl,16px);padding:16px;padding:var(--spacing-4,16px)}.intent-grid{grid-template-columns:1fr}.form-divider{margin:24px 0;margin:var(--spacing-6,24px) 0}}.invite-card{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .2s ease}.invite-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.invite-card__photo-section{aspect-ratio:1/1;background:#f1f5f9;border-radius:12px;overflow:hidden;width:100%}.invite-card__photo{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.invite-card__photo:hover{transform:scale(1.05)}.invite-card__no-photo{align-items:center;border:2px dashed #e2e8f0;border:2px dashed var(--border-color,#e2e8f0);border-radius:12px;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}.invite-card__content{display:flex;flex-direction:column;gap:.75rem}.invite-card__header{align-items:flex-start;display:flex;justify-content:space-between}.invite-card__title{color:#1e293b;color:var(--text-color,#1e293b);font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.invite-card__host{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:.5rem;padding:.5rem 0}.invite-card__host-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.invite-card__host-name{font-weight:500}.invite-card__description,.invite-card__host-name{color:#64748b;color:var(--text-secondary,#64748b);font-size:.875rem}.invite-card__description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.5;margin:0;overflow:hidden}.invite-card__meta{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.invite-card__meta-item{align-items:center;background:#f1f5f9;background:var(--button-background,#f1f5f9);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-size:.75rem;gap:.5rem;padding:.5rem}.invite-card__meta-item--location{grid-column:1/-1}.invite-card__meta-icon{flex-shrink:0;opacity:.7}.invite-card__categories{display:flex;flex-wrap:wrap;gap:.5rem}.invite-card__message{background:#3b82f60d;border-left:3px solid #3b82f6;border-left:3px solid var(--primary-color,#3b82f6);border-radius:4px;margin:.5rem 0;padding:.75rem}.invite-card__message p{color:#1e293b;color:var(--text-color,#1e293b);font-size:.875rem;font-style:italic;margin:0}.invite-card__expires{color:#64748b;color:var(--text-secondary,#64748b);font-size:.75rem;padding:.25rem;text-align:center}.invite-card__footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:.75rem;margin-top:.5rem;padding-top:1rem}.invite-card__btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease}.invite-card__btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.invite-card__btn--accept{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.invite-card__btn--accept:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.invite-card__btn--accept:active:not(:disabled){transform:translateY(0)}.invite-card__btn--decline{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.invite-card__btn--decline:hover:not(:disabled){background:#ef444433;border-color:#ef444480;transform:translateY(-1px)}.invite-card__btn--decline:active:not(:disabled){transform:translateY(0)}@media (max-width:768px){.invite-card{padding:1rem}.invite-card__title{font-size:1rem}.invite-card__meta{grid-template-columns:1fr}.invite-card__footer{flex-direction:column;gap:.5rem}.invite-card__btn{width:100%}}.sort-dropdown{--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-border-primary:#e5e7eb;display:inline-block;position:relative}.sort-dropdown__trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:8px;color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;min-width:140px;padding:8px 12px;transition:all .2s ease}.sort-dropdown__trigger:hover{background:#f9fafb;border-color:#d1d5db}.sort-dropdown__trigger:focus{border-color:#6366f1;border-color:var(--primary-color,#6366f1);box-shadow:0 0 0 2px #6366f133;outline:none}.sort-dropdown__label{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.85rem}.sort-dropdown__current{flex:1 1;font-weight:500;text-align:left}.sort-dropdown__chevron{color:#6b7280;color:var(--color-text-secondary,#6b7280);transition:transform .2s ease}.sort-dropdown__chevron--open{transform:rotate(180deg)}.sort-dropdown__menu{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--color-border-primary,#e5e7eb);border-radius:12px;box-shadow:0 8px 32px #0000001f;left:0;margin-top:4px;min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.sort-dropdown__option{align-items:center;background:#0000;border:none;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border-primary,#e5e7eb);color:#111827;color:var(--color-text-primary,#111827);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.sort-dropdown__option:last-child{border-bottom:none}.sort-dropdown__option:hover{background:#f9fafb}.sort-dropdown__option--selected{background:#eef2ff;color:#3b82f6;color:var(--primary-color,#3b82f6)}.sort-dropdown__option--selected:hover{background:#e0e7ff}.sort-dropdown__option-content{display:flex;flex:1 1;flex-direction:column;gap:2px}.sort-dropdown__option-label{font-size:.9rem;font-weight:500}.sort-dropdown__option-description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem;line-height:1.3}.sort-dropdown__check{color:#3b82f6;color:var(--primary-color,#3b82f6);flex-shrink:0}@media (max-width:768px){.sort-dropdown__trigger{font-size:.85rem;min-width:120px;padding:6px 10px}.sort-dropdown__menu{min-width:260px}.sort-dropdown__option{padding:10px 14px}.sort-dropdown__option-label{font-size:.85rem}.sort-dropdown__option-description{font-size:.7rem}}.sort-dropdown__menu{animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.load-more-button{align-items:center;background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid #10b98133;border-radius:12px;color:#10b981;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:center;margin:16px 0;min-height:48px;padding:16px 24px;transition:all .2s ease;width:100%}.load-more-button:hover:not(:disabled){background:linear-gradient(135deg,#10b98126,#0596691a);border-color:#10b9814d;box-shadow:0 4px 12px #10b98133;transform:translateY(-1px)}.load-more-button:active:not(:disabled){box-shadow:0 2px 8px #10b98126;transform:translateY(0)}.load-more-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.load-more-button--no-more{background:#6b72800d;border-color:#6b72801a;color:#6b7280;cursor:default}.load-more-button--no-more:hover{background:#6b72800d;border-color:#6b72801a;box-shadow:none;transform:none}.load-more-button__content{align-items:center;display:flex;gap:8px}.load-more-button__text{font-weight:500}.load-more-button__icon{transition:transform .2s ease}.load-more-button:hover:not(:disabled) .load-more-button__icon{transform:translateY(-1px)}.load-more-button__loading{align-items:center;display:flex;gap:8px}.load-more-button__spinner{animation:spin 1s linear infinite;border:2px solid #10b98133;border-radius:50%;border-top-color:#10b981;height:16px;width:16px}@media (max-width:768px){.load-more-button{font-size:.9rem;padding:14px 20px}.load-more-button__content{gap:6px}}.my-activities{background:var(--gradient-primary);box-sizing:border-box;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:var(--spacing-3xl) var(--spacing-lg);padding-bottom:calc(64px + var(--spacing-3xl))}.my-activities__container{margin:0 auto;max-width:1200px;width:100%}.my-activities__header{background:var(--gradient-header-purple);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);box-sizing:border-box;margin-bottom:var(--spacing-3xl);max-width:100%;overflow:hidden;padding:var(--spacing-5xl) var(--spacing-3xl);position:relative}.my-activities__header:before{background:radial-gradient(circle,#ffffff26 0,#0000 70%);height:300px;right:-20%;top:-50%;width:300px}.my-activities__header:after,.my-activities__header:before{border-radius:var(--radius-full);content:"";pointer-events:none;position:absolute}.my-activities__header:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);bottom:-30%;height:200px;left:-10%;width:200px}.my-activities__header-content{align-items:center;display:flex;gap:1.5rem;position:relative;z-index:1}.my-activities__header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;justify-content:center;padding:var(--spacing-lg)}.my-activities__header-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.my-activities__header-text{flex:1 1}.my-activities__header h1{word-wrap:break-word;color:#fff;font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--spacing-sm) 0;overflow-wrap:break-word;text-shadow:var(--shadow-text)}.my-activities__header p{color:#ffffffe6;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0;text-shadow:var(--shadow-xs)}.my-activities__header-decoration{background:linear-gradient(90deg,#ffffff4d,#fff9 50%,#ffffff4d);bottom:0;height:4px;left:0;position:absolute;right:0}.my-activities__tabs{background:var(--color-bg-primary);border-bottom:2px solid var(--color-border-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;margin-bottom:var(--spacing-lg);overflow-x:auto}.my-activities__tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;gap:var(--spacing-sm);justify-content:center;min-height:44px;min-width:0;padding:var(--spacing-lg) var(--spacing-2xl);transition:all var(--transition-fast);white-space:nowrap}.my-activities__tab:hover{background:var(--color-bg-glass-hover);color:var(--color-text-primary)}.my-activities__tab.active{background:var(--color-bg-primary);border-bottom-color:var(--color-interactive-primary);color:var(--color-interactive-primary)}.my-activities__tab-icon{flex-shrink:0;height:var(--spacing-xl);width:var(--spacing-xl)}.my-activities__tab-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.my-activities__tab-count{background:var(--color-interactive-primary);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:var(--spacing-2xl);padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.my-activities__tab:not(.active) .my-activities__tab-count{background:var(--color-text-secondary)}.my-activities__tab-content{background:var(--color-bg-primary);border-radius:0 0 var(--radius-lg) var(--radius-lg);min-height:400px;padding:var(--spacing-3xl)}.my-activities__activities-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-2xl)}.my-activities__sort{flex:1 1;min-width:200px}.my-activities__create-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.my-activities__create-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.my-activities__create-button:active{transform:translateY(0)}.my-activities__create-icon{height:1.25rem;width:1.25rem}.my-activities__activities-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.my-activities__subheader{color:#1e293b;color:var(--text-color,#1e293b);font-size:1.25rem;font-weight:600;margin:2rem 0 1rem}.my-activities__subheader:first-child{margin-top:0}.my-activities__activity-card{width:100%}.my-activities__toggle-button{background:#f1f5f9;background:var(--button-background,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#1e293b;color:var(--text-color,#1e293b);cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.my-activities__toggle-button:hover{background:#e2e8f0;background:var(--button-hover-background,#e2e8f0)}.my-activities__empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.my-activities__empty-icon{color:#64748b;color:var(--text-secondary,#64748b);height:4rem;margin-bottom:1rem;width:4rem}.my-activities__empty-state h4{color:#1e293b;color:var(--text-color,#1e293b);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.my-activities__empty-state p{color:#64748b;color:var(--text-secondary,#64748b);font-size:1rem;margin:0 0 1.5rem}.my-activities__loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{color:#64748b;color:var(--text-secondary,#64748b);font-size:1.25rem}.my-activities__error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:2rem;text-align:center}.my-activities__error h2{color:#ef4444;color:var(--error-color,#ef4444);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.my-activities__error p{color:#64748b;color:var(--text-secondary,#64748b);font-size:1rem;margin:0 0 1.5rem}.my-activities__error button{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.my-activities__error button:hover{background:#2563eb;background:var(--primary-hover,#2563eb)}@media (max-width:768px){.my-activities{max-width:100vw;overflow-x:hidden;padding:var(--spacing-lg);padding-bottom:calc(64px + var(--spacing-lg))}.my-activities__header{border-radius:var(--radius-xl);max-width:100%;padding:var(--spacing-3xl) var(--spacing-2xl)}.my-activities__header-content{flex-direction:row;gap:var(--spacing-lg);max-width:100%}.my-activities__header-icon{padding:var(--spacing-md)}.my-activities__header-icon svg{height:28px;width:28px}.my-activities__header h1{font-size:var(--font-size-4xl)}.my-activities__header p{font-size:var(--font-size-base)}.my-activities__activities-grid{gap:var(--spacing-lg);grid-template-columns:1fr;max-width:100%;width:100%}.my-activities__activities-header{align-items:stretch;flex-direction:column}.my-activities__create-button{justify-content:center;min-height:44px;width:100%}.my-activities__tab-content{padding:var(--spacing-lg)}}@media (max-width:480px){.my-activities__header{border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-lg)}.my-activities__header-content{gap:var(--spacing-md)}.my-activities__header-icon{padding:var(--spacing-md)}.my-activities__header-icon svg{height:24px;width:24px}.my-activities__header h1{font-size:var(--font-size-3xl)}.my-activities__header p{font-size:.875rem}}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000f;box-sizing:border-box;margin-bottom:32px;padding:32px;position:relative;width:100%;z-index:1}.form-section h2,.form-section h3{align-items:center;border-bottom:1px solid #e2e8f0;color:#0f172a;display:flex;font-size:22px;font-weight:600;gap:10px;letter-spacing:-.025em;margin:0 0 24px;padding-bottom:16px}.form-section h2 svg,.form-section h3 svg{color:#667eea}.form-section-subtitle{color:#475569;font-size:14px;line-height:1.5;margin:0 0 20px}@media (max-width:768px){.form-section{border-radius:12px;margin-bottom:24px;padding:24px 20px}.form-section h2,.form-section h3{font-size:18px;margin-bottom:20px;padding-bottom:12px}.form-section-subtitle{font-size:13px;margin-bottom:16px}}.form-group{margin-bottom:24px;width:100%}.form-group--no-label>label{display:none}.form-group label{color:#0f172a;font-size:15px;letter-spacing:-.025em;margin-bottom:10px}.required-indicator{color:#ef4444;font-weight:700}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#0f172a;font-family:inherit;font-size:15px;padding:14px 18px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.form-group select:focus{background-color:#fff;color:#0f172a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group textarea{min-height:100px;resize:vertical}.form-group select{cursor:pointer}.form-group select option{background-color:#fff;color:#0f172a;padding:8px 12px}.form-group select:focus option:checked{background-color:#3b82f6;color:#fff}.form-group select:focus option:hover{background-color:#eff6ff;color:#0f172a}.error-message{color:#ef4444;display:block;font-size:12px;margin-top:4px}@media (max-width:768px){.form-group{margin-bottom:16px}.form-group label{font-size:13px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{font-size:13px;padding:10px 14px}.form-group select option{font-size:13px;padding:6px 10px}.error-message{font-size:11px}}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-group--full{grid-column:1/-1}@media (max-width:768px){.form-row{gap:16px;grid-template-columns:1fr}}.create-activity-page{-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:32px 24px}.create-activity-container{margin:0 auto;max-width:900px}.create-activity-page .form-group input,.create-activity-page .form-group select,.create-activity-page .form-group textarea,.create-activity-page .form-input,.create-activity-page .form-select,.create-activity-page .form-textarea{background-color:#fff;border:1px solid #d1d5db;box-shadow:none;color:#111827}.create-activity-page .form-input:focus,.create-activity-page .form-select:focus,.create-activity-page .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.create-activity-page .form-group input:focus,.create-activity-page .form-group select:focus,.create-activity-page .form-group textarea:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none;transform:none}.create-activity-page .form-input::placeholder,.create-activity-page .form-textarea::placeholder{color:#9ca3af}.create-activity-page .form-section{background:#fff;border:1px solid #e2e8f0}.create-activity-migrated--loading{align-items:center;justify-content:center}.create-activity-migrated__loading{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;flex-direction:column;gap:1.5rem;text-align:center}.create-activity-migrated__loading h3{color:#333;color:var(--text-primary,#333);font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.create-activity-migrated__loading p{color:#666;color:var(--text-secondary,#666);font-size:1rem;margin:0}.loading-spinner{border:4px solid #e0e0e0;border-top:4px solid #007bff;border:4px solid var(--border-color,#e0e0e0);border-top-color:var(--primary-color,#007bff);height:48px;width:48px}.create-activity-migrated--error{align-items:center;justify-content:center}.create-activity-migrated__error{align-items:center;color:#dc3545;color:var(--error-color,#dc3545);display:flex;flex-direction:column;gap:1.5rem;max-width:500px;text-align:center}.create-activity-migrated__error h3{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.create-activity-migrated__error p{color:#666;color:var(--text-secondary,#666);font-size:1rem;margin:0}.create-activity-migrated__error-actions{display:flex;gap:1rem;margin-top:1rem}.create-activity-migrated__cancel-btn,.create-activity-migrated__retry-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.create-activity-migrated__retry-btn{background:#007bff;background:var(--primary-color,#007bff);color:#fff}.create-activity-migrated__retry-btn:hover{background:#0056b3;background:var(--primary-dark,#0056b3)}.create-activity-migrated--success{align-items:center;justify-content:center}.create-activity-migrated__success{align-items:center;color:#28a745;color:var(--success-color,#28a745);display:flex;flex-direction:column;gap:1.5rem;max-width:500px;text-align:center}.create-activity-migrated__success h3{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.create-activity-migrated__success p{color:#666;color:var(--text-secondary,#666);font-size:1rem;margin:0}.create-activity-migrated__success-actions{display:flex;gap:1rem;margin-top:1rem}.create-activity-migrated__primary-btn,.create-activity-migrated__secondary-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.create-activity-migrated__primary-btn{background:#007bff;background:var(--primary-color,#007bff);color:#fff}.create-activity-migrated__primary-btn:hover{background:#0056b3;background:var(--primary-dark,#0056b3)}.create-activity-migrated__secondary-btn{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);color:#333;color:var(--text-primary,#333)}.create-activity-migrated__secondary-btn:hover{background:#e0e0e0;background:var(--border-color,#e0e0e0)}.create-activity-header{margin-bottom:40px;padding:40px 32px;text-align:center}.create-activity-header h1{color:#1e293b;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:36px;font-weight:700;letter-spacing:-.025em;margin:0 0 12px}.create-activity-header p{color:#64748b;font-size:18px;line-height:1.6;margin:0 auto;max-width:600px}.form-actions{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;gap:20px;justify-content:center;margin-top:40px;padding:40px 32px}.create-activity-migrated__submit-btn{border-radius:12px;box-shadow:0 4px 16px #667eea4d;gap:10px;min-width:160px;padding:16px 40px}.create-activity-migrated__back-btn{align-items:center;background:linear-gradient(135deg,#64748b,#475569);border:none;border-radius:12px;box-shadow:0 4px 16px #64748b4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;min-width:160px;padding:16px 40px;transition:all .3s ease}.create-activity-migrated__back-btn:hover:not(:disabled){background:linear-gradient(135deg,#475569,#334155);box-shadow:0 6px 20px #64748b66;transform:translateY(-2px)}.create-activity-migrated__back-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.create-activity-migrated__title{flex:1 1}.create-activity-migrated__title h1{color:#333;color:var(--text-primary,#333);font-size:2rem;font-weight:700;margin:0 0 .5rem}.create-activity-migrated__title p{color:#666;color:var(--text-secondary,#666);font-size:1rem;margin:0}.create-activity-migrated__progress{display:flex;flex-direction:column;gap:.5rem}.create-activity-migrated__progress-bar{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-radius:4px;height:8px;overflow:hidden;width:100%}.create-activity-migrated__progress-fill{background:linear-gradient(90deg,#007bff,#4dabf7);background:linear-gradient(90deg,var(--primary-color,#007bff),var(--primary-light,#4dabf7));border-radius:4px;height:100%;transition:width .3s ease}.create-activity-migrated__progress-text{color:#666;color:var(--text-secondary,#666);font-size:.875rem;font-weight:500;text-align:center}.create-activity-migrated__auto-save{align-items:center;background:#d4edda;background:var(--success-light,#d4edda);border-radius:6px;color:#28a745;color:var(--success-color,#28a745);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.create-activity-migrated__auto-save small{color:#666;color:var(--text-secondary,#666);font-weight:400}.create-activity-migrated__form{display:flex;flex-direction:column;gap:2rem}.create-activity-migrated__photo-placeholder{align-items:center;background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border:2px dashed #e0e0e0;border:2px dashed var(--border-color,#e0e0e0);border-radius:8px;color:#666;color:var(--text-secondary,#666);display:flex;flex-direction:column;gap:1rem;padding:3rem 2rem;text-align:center}.create-activity-migrated__photo-placeholder p{font-size:1rem;font-weight:500;margin:0}.create-activity-migrated__photo-placeholder small{font-size:.875rem;margin:0}.create-activity-migrated__validation-errors{background:#f8d7da;background:var(--error-light,#f8d7da);border:1px solid #dc3545;border:1px solid var(--error-color,#dc3545);border-radius:8px;color:#dc3545;color:var(--error-color,#dc3545);display:flex;gap:.75rem;padding:1rem}.create-activity-migrated__validation-errors h4{font-size:.875rem;font-weight:600;margin:0 0 .5rem}.create-activity-migrated__validation-errors ul{font-size:.875rem;margin:0;padding-left:1.5rem}.create-activity-migrated__validation-errors li{margin-bottom:.25rem}.create-activity-migrated__actions{align-items:center;border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;gap:1rem;justify-content:space-between;padding-top:2rem}.create-activity-migrated__cancel-btn{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:6px;color:#333;color:var(--text-primary,#333);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.create-activity-migrated__cancel-btn:hover{background:#e0e0e0;background:var(--border-color,#e0e0e0)}.create-activity-migrated__submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.create-activity-migrated__submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.create-activity-migrated__submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.create-activity-migrated__submit-btn .spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.create-activity-migrated__metrics{background:#f8f9fa;background:var(--background-secondary,#f8f9fa);border-radius:4px;color:#666;color:var(--text-secondary,#666);font-size:.75rem;padding:.5rem;text-align:center}@media (max-width:768px){.create-activity-page{padding:20px 16px 76px}.create-activity-container{max-width:100%}.create-activity-header{margin-bottom:32px;padding:32px 24px}.create-activity-header h1{font-size:28px}.create-activity-header p{font-size:16px}.form-actions{align-items:center;flex-direction:row;gap:16px;justify-content:flex-end;padding:32px 24px}.create-activity-migrated__submit-btn{flex:0 1 auto;justify-content:center;min-width:120px;padding:14px 32px}.create-activity-migrated__back-btn{flex:0 1 auto;min-width:120px}}@media (max-width:480px){.create-activity-page{padding:12px 12px 68px}.create-activity-header{padding:20px}.create-activity-header h1{font-size:24px}.form-actions{gap:12px;padding:24px 16px}.create-activity-migrated__back-btn,.create-activity-migrated__submit-btn{font-size:14px;min-width:100px;padding:12px 24px}}@media (prefers-contrast:high){.create-activity-migrated__submit-btn{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.create-activity-migrated__submit-btn{transition:none}}.external-event-import-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin-bottom:24px;padding:20px;text-align:center}.import-external-button{align-items:center;background-color:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#667eea;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.import-external-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.import-external-button:active{transform:translateY(0)}.import-icon{font-size:20px}.import-hint{color:#ffffffe6;font-size:14px;margin:12px 0 0}.external-event-indicator{align-items:center;background-color:#fff3;border-radius:20px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-top:12px;padding:8px 16px}.indicator-icon{font-size:14px}.modal-overlay{background-color:#00000080}.modal-content{animation:modalSlideIn .3s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:32px;position:relative;width:100%}.modal-close{background:none;color:#9ca3af;font-size:28px;line-height:1;padding:4px 8px;transition:color .2s}.modal-close:hover{color:#4b5563}.modal-title{color:#1a202c;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.modal-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 24px}.import-url-input{margin-bottom:24px}.import-url-input label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.import-url-input input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.import-url-input input:focus{border-color:#667eea;outline:none}.import-url-input input:disabled{background-color:#f3f4f6;cursor:not-allowed}.supported-platforms{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.supported-platforms p{color:#6b7280;font-size:13px;margin:0 0 8px}.platform-badges{display:flex;flex-wrap:wrap;gap:8px}.platform-badges .badge{background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#4b5563;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn-primary{background-color:#667eea}.btn-primary:hover:not(:disabled){background-color:#5568d3}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.squad-invite-content{background:#0000;border:none;border-radius:12px;padding:16px}.squad-invite-content .search-input-container{align-items:center!important;background:#ffffff14!important;border:2px solid #fff3!important;border-radius:12px!important;box-shadow:none!important;display:flex!important;margin:0!important;min-height:48px!important;padding:0!important;position:relative!important}.squad-invite-content .search-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;border-image:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;color:#374151!important;display:block!important;flex:1 1!important;font-size:14px!important;height:100%!important;line-height:1.5!important;margin:0!important;min-height:auto!important;opacity:1!important;outline:none!important;padding:12px 12px 12px 44px!important;position:static!important;text-indent:0!important;text-shadow:none!important;transition:none!important;width:100%!important}.squad-invite-content .search-input::placeholder{color:#9ca3af!important;font-size:14px!important}.squad-invite-content .search-icon{color:#6b7280!important;height:16px!important;left:12px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:16px!important;z-index:1!important}.squad-invite-content .search-input:after,.squad-invite-content .search-input:before{content:none!important;display:none!important}.squad-invite-content .search-input:focus,.squad-invite-content .search-input:focus-visible,.squad-invite-content .search-input:focus-within{background:#0000!important;background-color:initial!important;border:none!important;box-shadow:none!important;outline:none!important}.squad-invite-content .invite-user-search{margin-bottom:0}.location-section .location-input-wrapper{align-items:center!important;background:#ffffff14!important;border:2px solid #fff3!important;border-radius:12px!important;box-shadow:none!important;display:flex!important;margin:0!important;min-height:48px!important;padding:0!important;position:relative!important}.location-section .location-search-input{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;border-image:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;color:#374151!important;flex:1 1!important;font-size:14px!important;height:100%!important;line-height:1.5!important;margin:0!important;min-height:auto!important;opacity:1!important;outline:none!important;padding:12px 12px 12px 44px!important;position:relative!important;text-indent:0!important;text-shadow:none!important;transition:none!important;width:100%!important;z-index:2!important}.location-section .location-search-input:after,.location-section .location-search-input:before{content:none!important;display:none!important}.location-section .location-search-input:focus,.location-section .location-search-input:focus-visible,.location-section .location-search-input:focus-within{background:#0000!important;background-color:initial!important;border:none!important;box-shadow:none!important;outline:none!important}.squad-photo-upload{display:flex;flex-direction:column;gap:12px}.squad-photo-upload-area{align-items:center;aspect-ratio:1/1;background:#ffffff0d;border:2px dashed #ffffff4d;border-radius:12px;cursor:pointer;display:flex;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.squad-photo-upload-area:hover{background:#ffffff14;border-color:#ffffff80}.photo-upload-content{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;gap:16px;text-align:center}.photo-upload-content svg{color:#fff9}.upload-text{color:#fffc;font-size:16px}.upload-hint{color:#fff9;font-size:14px}.photo-preview-container{aspect-ratio:1/1;border-radius:12px;overflow:hidden;position:relative;width:100%}.photo-preview-image{border-radius:12px;height:100%;object-fit:cover;width:100%}.photo-remove-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:32px}.photo-remove-btn:hover:not(:disabled){background:#dc2626e6;transform:scale(1.1)}.photo-remove-btn:disabled{cursor:not-allowed;opacity:.5}.photo-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;font-size:14px;margin:0 auto;max-width:400px;padding:8px 12px;text-align:center}.create-activity-page .form-group label,.create-activity-page label{font-size:20px;font-weight:600}@media (max-width:768px){.upload-text{font-size:14px}.upload-hint{font-size:12px}}.category-settings-section__location .location-search-container{display:flex;flex-direction:column;gap:12px;position:relative}.category-settings-section__location .location-input-wrapper{background-color:#fff!important;border:1px solid #d1d5db!important;box-shadow:none!important;order:1;position:relative!important;z-index:1}.category-settings-section__location .location-input-wrapper:focus-within{background-color:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}.category-settings-section__location .current-location-button{order:2}.category-settings-section__location .location-tbd-checkbox{order:3}.category-settings-section__location .location-suggestions{left:0!important;margin-top:0!important;position:absolute!important;right:0!important;top:52px!important;z-index:999999!important}.category-settings-section__location .selected-location{margin-top:0;order:5;position:relative;z-index:0}.category-settings-section__location .location-search-container.suggestions-open .selected-location{display:none}.checkbox-label{align-items:flex-start;display:flex;gap:12px;margin-bottom:8px;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:2px solid #d1d5db;border-radius:6px;flex-shrink:0;height:20px;margin:2px 0 0;position:relative;transition:all .3s ease;width:20px}.checkbox-label input[type=checkbox]:checked{background-color:#667eea;border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.checkbox-label input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.checkbox-label input[type=checkbox]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.checkbox-label input[type=checkbox]:hover{background-color:#f9fafb;border-color:#cbd5e1}.checkbox-label input[type=checkbox]:checked:hover{background-color:#5a67d8;border-color:#5a67d8}.checkbox-label span{color:#111827;flex:1 1;font-size:15px;font-weight:500;line-height:1.4}.checkbox-label small{color:#6b7280;display:block;font-size:13px;line-height:1.4;margin-top:4px}.privacy-toggle{align-items:center;cursor:pointer;display:inline-flex;gap:12px;-webkit-user-select:none;user-select:none}.privacy-toggle input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.toggle-track{background:#e5e7eb;border:1px solid #d1d5db;border-radius:9999px;flex-shrink:0;height:24px;position:relative;transition:background .2s ease,border-color .2s ease;width:44px}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0000000f;height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.privacy-toggle input[type=checkbox]:checked+.toggle-track{background:#22c55e;border-color:#22c55e}.privacy-toggle input[type=checkbox]:checked+.toggle-track .toggle-thumb{transform:translateX(20px)}.privacy-label-text{color:#111827;font-weight:600}.invite-friends-section{width:100%}.number-input-with-icon{position:relative}.number-input-with-icon .input-with-icon input.number-input{background:#fff;border:1px solid #d1d5db;color:#111827;padding-right:72px}.number-input-with-icon .input-with-icon input.number-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}#genderPreference{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;min-height:40px;padding:8px 12px}#genderPreference:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.date-time-field{align-items:center;display:flex;gap:12px}.date-time-field .input-with-icon{flex:1 1}.date-time-field .input-with-icon input{padding-left:3px!important;padding-right:3px!important}.date-time-field input[type=date]::-webkit-calendar-picker-indicator,.date-time-field input[type=time]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none!important;height:0;opacity:0;width:0}.date-time-field input[type=date]::-webkit-inner-spin-button,.date-time-field input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;display:none!important}.date-time-field input[type=date]::-moz-calendar-picker-indicator,.date-time-field input[type=time]::-moz-calendar-picker-indicator{display:none!important}.tbd-checkbox{align-items:center;color:#666;cursor:pointer;display:flex;font-size:14px;gap:6px;-webkit-user-select:none;user-select:none;white-space:nowrap}.tbd-checkbox input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.tbd-checkbox span{color:#374151;font-weight:500}.current-location-button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;gap:8px;padding:8px 12px}.current-location-button--light{background:#fff;border:1px solid #d1d5db;box-shadow:0 1px 2px #0000000a;color:#111827}.current-location-button--light:hover{background:#f9fafb;border-color:#cbd5e1}.current-location-button--light:disabled{cursor:not-allowed;opacity:.6}.date-time-field input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}@media (max-width:768px){.date-time-field{align-items:stretch;flex-direction:column;gap:8px}}.number-stepper{display:inline-flex;gap:4px;position:absolute;right:4px;top:50%;transform:translateY(-50%)}.step-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px #0000000a;color:#374151;cursor:pointer;display:inline-flex;font-weight:700;height:32px;justify-content:center;line-height:1;width:32px}.step-btn:hover{background:#f9fafb;border-color:#cbd5e1}.step-btn:active{background:#f3f4f6}.invite-friends-toggle{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:12px;box-shadow:0 1px 2px #0000000a;color:#111827;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease;width:100%}.invite-friends-toggle:hover{background:#f9fafb;border-color:#cbd5e1;transform:translateY(-1px)}.invite-friends-content{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:12px;padding:20px}.invite-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.invite-header h4{color:#111827;font-size:16px;font-weight:600;margin:0}.close-invite{align-items:center;background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.close-invite:hover{background:#f3f4f6;color:#111827}.invite-user-search{margin-bottom:16px}.invited-users-list{margin-top:16px}.invited-users-list h5{color:#111827;font-size:14px;font-weight:600;margin:0 0 12px}.invited-users{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.invited-user-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;min-width:0;padding:12px 32px 12px 12px;position:relative;transition:all .2s ease}.invited-user-item:hover{background:#f9fafb;border-color:#cbd5e1;transform:translateY(-2px)}.user-info{align-items:center;display:flex;gap:12px;min-width:0;width:100%}.user-avatar{border:2px solid #e5e7eb;border-radius:50%;height:56px;object-fit:cover;width:56px}.user-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.invited-users-list .invited-user-item .user-details .user-name{color:#111827!important;font-size:14px;font-weight:600;min-width:0;text-align:left}.invited-users-list .invited-user-item .user-details .user-username{color:#111827;font-size:12px;min-width:0;text-align:left}.remove-invite{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 1px 2px #00000014;color:#b91c1c;cursor:pointer;display:flex;height:22px;justify-content:center;position:absolute;right:6px;top:6px;transition:background .15s ease,transform .15s ease;width:22px}.remove-invite:hover{background:#fee2e2}@media (max-width:768px){.checkbox-label{gap:10px}.checkbox-label input[type=checkbox]{height:18px;width:18px}.checkbox-label span{font-size:14px}.checkbox-label small{font-size:12px}.invite-friends-content{padding:16px}.invite-header h4{font-size:15px}.invited-users{gap:12px;grid-template-columns:repeat(2,1fr)}.invited-user-item{padding:10px 28px 10px 10px}.user-info{gap:8px}.user-avatar{flex-shrink:0;height:40px;width:40px}.invited-users-list .invited-user-item .user-details .user-name{color:#111827;font-size:13px}.invited-users-list .invited-user-item .user-details .user-username{color:#111827;font-size:11px}.remove-invite{height:20px;right:4px;top:4px;width:20px}}.profile-hero__cancel,.profile-hero__edit,.profile-hero__save{align-items:center;background:#fffffff2;border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 12px #0000001f;color:#111827;cursor:pointer;display:inline-flex;gap:6px;padding:8px 12px}.profile-hero__name{font-family:Playfair Display,Georgia,Times New Roman,serif;letter-spacing:-.02em}.profile-hero__meta-item{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:4px}.profile-hero__meta-icon{display:inline-block;flex-shrink:0;font-size:14px;height:16px;line-height:1;text-align:center;width:16px}.profile-hero__location{align-items:center;color:#6b7280;display:flex;font-size:14px;font-weight:500;gap:4px;margin-top:8px}.profile-hero__location-icon{display:inline-block;flex-shrink:0;font-size:14px;height:16px;line-height:1;text-align:center;width:16px}.profile-hero__bio{font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-weight:300;line-height:1.65}.profile-layout__name{font-family:Playfair Display,Georgia,Times New Roman,serif;letter-spacing:-.02em}.profile-layout__bio{font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-weight:300;line-height:1.65}.categories-section h3,.profile-layout__error h3,.profile-layout__not-found h3{font-family:Playfair Display,Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.02em}.categories-section h3{font-size:1.25rem;margin-bottom:16px}.categories-section h3,.profile-container .categories-section h3,.profile-page .categories-section h3{color:#1e293b!important}.categories-display{display:flex;flex-wrap:wrap;gap:8px}.categories-edit{display:flex;flex-wrap:wrap;gap:12px}.categories-edit .category-bubble{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:20px;box-sizing:border-box;color:#475569;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;min-height:40px;overflow:hidden;padding:10px 16px;position:relative;transition:all .2s ease}.categories-edit .category-bubble:before{background:#3b82f6;background:var(--category-color,#3b82f6);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease;z-index:1}.categories-edit .category-bubble span{position:relative;transition:color .2s ease;z-index:2}.categories-edit .category-bubble:hover{border-color:#3b82f6;border-color:var(--category-color,#3b82f6);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.categories-edit .category-bubble:hover:before{opacity:.1}.categories-edit .category-bubble.selected{background:#3b82f6;background:var(--category-color,#3b82f6);border-color:#3b82f6;border-color:var(--category-color,#3b82f6);box-shadow:0 4px 12px #00000026;color:#fff}.categories-edit .category-bubble.selected:before{opacity:0}.categories-edit .category-bubble.selected:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}@media (max-width:768px){.categories-edit{gap:8px}.categories-edit .category-bubble{font-size:13px;min-height:36px;padding:8px 12px}}@media (max-width:480px){.categories-edit{gap:6px}.categories-edit .category-bubble{font-size:12px;min-height:32px;padding:6px 10px}}@media (prefers-color-scheme:light){.categories-section h3,.profile-container .categories-section h3,.profile-page .categories-section h3{color:#1e293b!important}}.badge-display{width:100%}.badges-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:20px 0}.badge-item{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.badge-item:hover{border-color:#e2e8f0;box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.badge-item.locked{filter:grayscale(.3);opacity:.6}.badge-item.locked:hover{filter:grayscale(.1);opacity:.8}.badge-item.secret{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.badge-item.secret .badge-name{color:#fff}.badge-item.secret .badge-description{color:#ffffffe6}.badge-item.unlocked{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#10b981}.badge-header{gap:12px;margin-bottom:12px}.badge-header,.badge-icon{align-items:center;display:flex}.badge-icon{border-radius:50%;box-shadow:0 4px 12px #00000026;height:60px;justify-content:center;transition:transform .3s ease;width:60px}.badge-item:hover .badge-icon{transform:scale(1.1)}.badge-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:28px}.badge-info{flex:1 1}.badge-name{color:#1e293b;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.badge-description{color:#64748b;font-size:14px;line-height:1.4;margin:0 0 12px}.badge-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.badge-rarity{letter-spacing:.5px;text-transform:uppercase}.badge-points,.badge-rarity{font-size:12px;font-weight:600}.badge-points{background:#f0fdf4;border-radius:12px;color:#10b981;padding:4px 8px}.badge-progress{margin-top:12px}.progress-bar{background:#e2e8f0;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:#64748b;font-size:12px;font-weight:500}.badge-earned{border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px}.earned-date{color:#10b981;font-size:12px;font-weight:600}.no-badges{color:#64748b;padding:60px 20px;text-align:center}.no-badges-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-badges h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.no-badges p{font-size:14px;margin:0;opacity:.8}.badge-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.badge-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e2e8f0}.modal-header h3{font-size:20px}.close-button{background:none;border-radius:50%;font-size:24px;padding:4px;transition:all .2s ease}.close-button:hover{background:#f1f5f9;color:#374151}.modal-content{padding:0 24px 24px}.badge-detail{align-items:flex-start;display:flex;gap:24px}.badge-detail-icon{align-items:center;border-radius:50%;box-shadow:0 8px 24px #00000026;display:flex;flex-shrink:0;height:80px;justify-content:center;width:80px}.badge-detail-icon .badge-emoji{font-size:36px}.badge-detail-info{flex:1 1}.badge-detail-name{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 8px}.badge-detail-description{color:#64748b;font-size:16px;line-height:1.5;margin:0 0 20px}.badge-detail-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.meta-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:8px 0}.meta-label{color:#64748b}.meta-label,.meta-value{font-size:14px;font-weight:600}.meta-value{color:#1e293b}.badge-criteria{background:#f8fafc;border-left:4px solid #10b981;border-radius:12px;padding:16px}.badge-criteria h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px}.badge-criteria ul{margin:0;padding-left:20px}.badge-criteria li{color:#64748b;font-size:14px;line-height:1.4;margin-bottom:6px}.badge-criteria li:last-child{margin-bottom:0}@media (max-width:768px){.badges-grid{gap:16px;grid-template-columns:1fr}.badge-item{padding:16px}.badge-icon{height:50px;width:50px}.badge-emoji{font-size:24px}.badge-name{font-size:16px}.badge-description{font-size:13px}.badge-modal{margin:20px;width:95%}.badge-detail{flex-direction:column;text-align:center}.badge-detail-icon{height:60px;margin:0 auto 16px;width:60px}.badge-detail-icon .badge-emoji{font-size:28px}.badge-detail-name{font-size:20px}.badge-detail-description{font-size:14px}}@media (max-width:480px){.badges-grid{gap:12px}.badge-item{padding:12px}.badge-icon{height:40px;width:40px}.badge-emoji{font-size:20px}.badge-name{font-size:14px}.badge-description{font-size:12px}.modal-header{padding:16px 16px 0}.modal-content{padding:0 16px 16px}}.photo-gallery{box-sizing:border-box;margin:0;overflow:hidden;width:100%}.photo-gallery-empty{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;padding:40px 20px}.empty-photos{color:#64748b;text-align:center}.empty-photos svg{color:#9ca3af;margin-bottom:16px}.empty-photos h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.empty-photos p{color:#64748b;font-size:14px;margin:0 0 20px}.gallery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.gallery-header h3{color:#1e293b;font-size:20px;font-weight:600;margin:0}.gallery-grid{grid-gap:16px;border-radius:16px;box-sizing:border-box;display:grid;gap:16px;margin:0;min-width:0;overflow:hidden;width:100%}.gallery-grid.photos-1{grid-template-columns:1fr;margin:0 auto;max-width:400px}.gallery-grid.photos-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gallery-grid.photos-3{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr}.gallery-grid.photos-3 .gallery-item:first-child{grid-row:1/3}.gallery-item{aspect-ratio:1/1;background:#f1f5f9;border:2px solid #0000;border-radius:12px;box-sizing:border-box;cursor:pointer;min-height:0;min-width:0;overflow:hidden;position:relative;transition:all .3s ease}.gallery-item:hover{border-color:#3b82f6;box-shadow:0 10px 30px #00000026;transform:translateY(-2px);z-index:1}.gallery-item.primary{border-color:#f59e0b;box-shadow:0 4px 20px #f59e0b33}.gallery-item.primary:hover{border-color:#d97706;box-shadow:0 10px 30px #f59e0b4d}.gallery-item img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.gallery-item:hover img{transform:scale(1.05)}.photo-overlay{background:linear-gradient(180deg,#0000001a 0,#0000 30%,#0000 70%,#0000004d);flex-direction:column;justify-content:space-between;padding:12px;transition:opacity .3s ease}.gallery-item:hover .photo-overlay{opacity:1}.primary-indicator{align-items:center;align-self:flex-start;background:#f59e0b;border-radius:6px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px}.photo-actions{align-self:flex-end}.view-full{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:6px;color:#374151;font-size:12px;font-weight:500;padding:6px 12px}.photo-lightbox{align-items:center;animation:fadeIn .3s ease;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.lightbox-content{align-items:center;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;position:relative}.lightbox-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-50px;transition:background .2s ease;width:40px;z-index:1001}.lightbox-close:hover{background:#fff3}.lightbox-nav{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:50px}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:-70px}.lightbox-next{right:-70px}.lightbox-image{border-radius:8px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:100%;object-fit:contain}.lightbox-info{color:#fff;margin-top:16px;text-align:center}.photo-meta{flex-wrap:wrap;gap:16px;justify-content:center}.photo-meta,.primary-badge{align-items:center;display:flex}.primary-badge{border-radius:6px;font-size:12px;gap:4px;padding:4px 8px}.photo-counter{color:#d1d5db;font-size:14px}@media (max-width:768px){.gallery-grid.photos-3{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.gallery-grid.photos-3 .gallery-item:first-child{grid-column:1/3;grid-row:1}.lightbox-nav{height:40px;width:40px}.lightbox-prev{left:-50px}.lightbox-next{right:-50px}}@media (max-width:640px){.gallery-grid.photos-2,.gallery-grid.photos-3{grid-template-columns:1fr;grid-template-rows:auto}.gallery-grid.photos-3 .gallery-item:first-child{grid-column:auto;grid-row:auto}.photo-lightbox{padding:10px}.lightbox-content{max-height:100vh;max-width:100vw}.lightbox-close{height:36px;top:-40px;width:36px}.lightbox-nav{bottom:20px;height:44px;position:fixed;top:auto;transform:none;width:44px}.lightbox-prev{left:20px}.lightbox-next{right:20px}.gallery-header{align-items:flex-start;flex-direction:column;gap:12px}.edit-photos-btn{align-self:stretch;justify-content:center}}.view-only-profile-content{background:#0000;border:none;border-radius:12px;overflow:hidden}.view-only-profile-content__top-activities{background:var(--background-color);border-bottom:1px solid var(--border-color);padding:2rem 0}.view-only-profile-content__top-activities h3{align-items:center;color:#0f172a;display:flex;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0 0 .5rem}.view-only-profile-content__top-activities-subtitle{color:#64748b;font-size:.95rem;font-weight:300;line-height:1.65;margin:0 0 1.5rem}.view-only-profile-content__top-activities-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.view-only-profile-content__top-activity-item{background:linear-gradient(135deg,#fff,#f8fafc);border:2px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.25rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-only-profile-content__top-activity-item:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.view-only-profile-content__top-activity-item:hover{border-color:#cbd5e1;box-shadow:0 12px 24px #00000014,0 4px 8px #0000000a;transform:translateY(-4px)}.view-only-profile-content__top-activity-item:hover:before{opacity:1}.view-only-profile-content__top-activity-item:first-child:after{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:8px;box-shadow:0 2px 4px #fbbf244d;color:#fff;content:"1st";font-size:.7rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:.75rem;top:.75rem}.view-only-profile-content__top-activity-item:nth-child(2):after{background:linear-gradient(135deg,#94a3b8,#64748b);border-radius:8px;box-shadow:0 2px 4px #94a3b84d;color:#fff;content:"2nd";font-size:.7rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:.75rem;top:.75rem}.view-only-profile-content__top-activity-item:nth-child(3):after{background:linear-gradient(135deg,#cd7f32,#b87333);border-radius:8px;box-shadow:0 2px 4px #cd7f324d;color:#fff;content:"3rd";font-size:.7rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:.75rem;top:.75rem}.view-only-profile-content__activity-name{color:#0f172a;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;line-height:1.4;margin-top:.25rem}.view-only-profile-content__activity-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.view-only-profile-content__category-tag{font-size:.85rem}.view-only-profile-content__skill-tag{font-size:.8rem;opacity:.85}.view-only-profile-content__activity-prompts{display:flex;flex-direction:column;gap:10px;margin-top:12px}.view-only-profile-content__prompt-item{background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border-left:3px solid #60a5fa;border-left:3px solid var(--color-primary-400,#60a5fa);border-radius:6px;padding:10px 12px}.view-only-profile-content__prompt-question{align-items:center;color:#0f172a;color:var(--color-text-primary,#0f172a);display:flex;font-size:.85rem;font-weight:600;gap:6px;margin-bottom:6px}.view-only-profile-content__prompt-question svg{color:#3b82f6;color:var(--color-primary-500,#3b82f6);flex-shrink:0}.view-only-profile-content__prompt-answer{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.9rem;line-height:1.5;padding-left:22px}.view-only-profile-content__categories{background:var(--background-color);border-bottom:1px solid var(--border-color);padding:2rem}.view-only-profile-content__categories h3{color:var(--text-color);font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1rem}.view-only-profile-content__categories-list{display:flex;flex-wrap:wrap;gap:.75rem}.view-only-profile-content__category-tag{font-size:.9rem}.view-only-profile-content__friendship-section{align-items:center;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.view-only-profile-content__friend-actions{display:flex;gap:.75rem}.view-only-profile-content__friend-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .2s ease}.view-only-profile-content__friend-button:disabled{cursor:not-allowed;opacity:.6}.view-only-profile-content__friend-button--add{background:var(--primary-color);color:#fff}.view-only-profile-content__friend-button--add:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.view-only-profile-content__friend-button--pending{background:var(--warning-color);color:#fff}.view-only-profile-content__friend-button--accept{background:var(--success-color);color:#fff}.view-only-profile-content__friend-button--accept:hover:not(:disabled){background:var(--success-hover);transform:translateY(-1px)}.view-only-profile-content__friend-button--decline{background:var(--error-color);color:#fff}.view-only-profile-content__friend-button--decline:hover:not(:disabled){background:var(--error-hover);transform:translateY(-1px)}.view-only-profile-content__friend-button--message{background:var(--info-color);color:#fff}.view-only-profile-content__friend-button--message:hover:not(:disabled){background:var(--info-hover);transform:translateY(-1px)}.view-only-profile-content__friend-button--remove{background:var(--button-background);border:1px solid var(--border-color);color:var(--text-color)}.view-only-profile-content__friend-button--remove:hover:not(:disabled){background:var(--button-hover-background);border-color:var(--button-hover-border)}.view-only-profile-content__friend-button--blocked{background:var(--error-color);color:#fff}.view-only-profile-content__friend-icon{height:1rem;width:1rem}.view-only-profile-content__block-button{align-items:center;background:var(--button-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.view-only-profile-content__block-button:hover{background:var(--error-color);border-color:var(--error-color);color:#fff}.view-only-profile-content__block-icon{height:1.25rem;width:1.25rem}.view-only-profile-content__tabs{-webkit-overflow-scrolling:touch;background:var(--background-color);border-bottom:1px solid var(--border-color);display:flex;overflow-x:auto;overflow-y:hidden}.view-only-profile-content__tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;gap:.5rem;justify-content:center;min-width:0;padding:1rem 1.5rem;transition:all .2s ease;white-space:nowrap}.view-only-profile-content__tab:hover{background:var(--button-hover-background);color:var(--text-color)}.view-only-profile-content__tab.active{background:var(--card-background);border-bottom-color:var(--primary-color);color:var(--primary-color)}.view-only-profile-content__tab-icon{flex-shrink:0;height:1.25rem;width:1.25rem}.view-only-profile-content__tab-label{font-size:.9rem;font-weight:500}.view-only-profile-content__tab-count{background:var(--primary-color);border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;min-width:1.5rem;padding:.25rem .5rem;text-align:center}.view-only-profile-content__tab:not(.active) .view-only-profile-content__tab-count{background:var(--text-secondary)}.view-only-profile-content__tab-content{margin-bottom:0;min-height:400px;padding:2rem}.view-only-profile-content__activities-header{margin-bottom:1.5rem}.view-only-profile-content__activities-header h3{color:var(--text-color);font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.view-only-profile-content__activities-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.view-only-profile-content__activity-card{transition:transform .2s ease}.view-only-profile-content__activity-card:hover{transform:translateY(-2px)}.view-only-profile-content__achievements-header{margin-bottom:1.5rem}.view-only-profile-content__achievements-header h3{color:var(--text-color);font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.view-only-profile-content__achievements-grid{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-auto-columns:minmax(250px,1fr);grid-auto-flow:column}.view-only-profile-content__achievement-item{background:var(--background-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;transition:all .2s ease}.view-only-profile-content__achievement-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.view-only-profile-content__badge{width:100%}.view-only-profile-content__photos-header{margin-bottom:1.5rem}.view-only-profile-content__photos-header h3{color:var(--text-color);font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.view-only-profile-content__photos-content{background:var(--background-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.view-only-profile-content__photo-gallery{width:100%}.view-only-profile-content__empty-state{color:var(--text-secondary);padding:3rem 2rem;text-align:center}.view-only-profile-content__empty-icon{color:var(--text-secondary);height:4rem;margin:0 auto 1rem;opacity:.5;width:4rem}.view-only-profile-content__empty-state h4{color:var(--text-color);font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.view-only-profile-content__empty-state p{line-height:1.5;margin:0}@media (max-width:768px){.view-only-profile-content__top-activities-list{gap:.875rem;grid-template-columns:1fr}.view-only-profile-content__top-activity-item{padding:1rem 1.25rem}.view-only-profile-content__categories{padding:1.5rem}.view-only-profile-content__friendship-section{align-items:stretch;flex-direction:column;gap:1rem}.view-only-profile-content__friend-actions{justify-content:center}.view-only-profile-content__friend-button{flex:1 1;min-width:0}.view-only-profile-content__block-button{align-self:center;width:-webkit-fit-content;width:fit-content}.view-only-profile-content__tabs{flex-direction:row;gap:12px;padding:0 12px;scrollbar-width:none}.view-only-profile-content__tabs::-webkit-scrollbar{display:none}.view-only-profile-content__tab{border-bottom:3px solid #0000;border-right:none;flex:0 0 auto;justify-content:center;padding:.75rem 1rem}.view-only-profile-content__tab.active{border-bottom-color:var(--primary-color);border-left:none}.view-only-profile-content__tab-content{padding:1.5rem}.view-only-profile-content__activities-grid{grid-template-columns:1fr}.view-only-profile-content__achievements-grid{grid-auto-columns:auto;grid-auto-flow:row;grid-template-columns:1fr}}@media (max-width:480px){.view-only-profile-content__tabs{grid-gap:8px;background:#0000;border-bottom:none;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;padding:8px}.view-only-profile-content__tab{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0;padding:.65rem .5rem}.view-only-profile-content__tab.active{background:#3b82f614;border-color:var(--primary-color);box-shadow:0 2px 10px #0000000f}.view-only-profile-content__tab-icon{height:1rem;width:1rem}.view-only-profile-content__tab-label{font-size:.8rem;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.view-only-profile-content__tab-count{background:#0000001f;color:var(--text-color);flex-shrink:0;font-size:.7rem;min-width:1.25rem;padding:.2rem .4rem}}@media (max-width:640px){.view-only-profile-content,.view-only-profile-content>:last-child{margin-bottom:0!important;padding-bottom:0!important}.view-only-profile-content__tab-content{margin-bottom:0!important;padding-bottom:1rem!important}.view-only-profile-content__activities-grid>:last-child{margin-bottom:0!important}.view-only-profile-content__empty-state{margin-bottom:0!important;padding-bottom:2rem!important}.view-only-profile-content__photos{margin-bottom:0!important;padding-bottom:0!important}.view-only-profile-content__photos-content{margin-bottom:0!important;padding-bottom:1rem!important}}.sml{margin:1rem 0}.sml__title{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 .625rem;text-transform:uppercase}.sml__row{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto}.sml__item{position:relative}.sml__item,.sml__pill{align-items:center;display:inline-flex}.sml__pill{border-radius:99px;color:#fff;font-size:.78rem;font-weight:500;gap:.375rem;padding:.325rem 1.75rem .325rem .6rem;text-decoration:none;transition:opacity .15s;white-space:nowrap}.sml__pill:hover{opacity:.85}.sml__item--instagram .sml__pill{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.sml__item--facebook .sml__pill{background:#1877f2}.sml__item--x .sml__pill{background:#000}.sml__icon{flex-shrink:0;height:13px;width:13px}.sml__username{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sml__disconnect{align-items:center;background:#0000004d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;height:16px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:opacity .15s,background .15s;width:16px}.sml__item:focus-within .sml__disconnect,.sml__item:hover .sml__disconnect{opacity:1}.sml__disconnect:hover{background:#0000008c}.sml__connect-btn{align-items:center;background:#0000;border:1.5px solid;border-radius:99px;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:500;gap:.375rem;padding:.325rem .7rem;transition:background .18s,color .18s,border-color .18s;white-space:nowrap}.sml__connect-btn--instagram{color:#dc2743}.sml__connect-btn--instagram:hover{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);border-color:#0000;color:#fff}.sml__connect-btn--facebook{color:#1877f2}.sml__connect-btn--facebook:hover{background:#1877f2;border-color:#0000;color:#fff}.sml__connect-btn--x{color:#000}.sml__connect-btn--x:hover{background:#000;border-color:#0000;color:#fff}.sml__badges{gap:.5rem}.sml__badge,.sml__badges{align-items:center;display:flex}.sml__badge{border-radius:50%;color:#fff;height:34px;justify-content:center;text-decoration:none;transition:transform .18s,box-shadow .18s;width:34px}.sml__badge:hover{transform:translateY(-2px)}.sml__badge--instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.sml__badge--instagram:hover{box-shadow:0 4px 12px #dc274373}.sml__badge--facebook{background:#1877f2}.sml__badge--facebook:hover{box-shadow:0 4px 12px #1877f273}.sml__badge--x{background:#000}.sml__badge--x:hover{box-shadow:0 4px 12px #0006}.profile-layout{background:#0000;color:var(--text-color);min-height:calc(100vh - 64px);padding-bottom:0}@media (max-width:480px){.profile-layout{min-height:calc(100vh - 56px)}}.tinder-hero .profile-hero{--hero-height:calc(100vh - 64px);--bleed-height:120px;--focus-y:45%;--hero-position-y:var(--focus-y);--hero-size:cover;background-color:initial;background-image:var(--hero-image);background-position:center var(--hero-position-y);background-repeat:no-repeat;background-size:cover;background-size:var(--hero-size,cover);bottom:64px;height:var(--hero-height);max-height:var(--hero-height);position:-webkit-sticky;position:sticky;z-index:1}@media (max-width:480px){.tinder-hero .profile-hero{--hero-height:calc(100vh - 56px);bottom:56px}}.profile-hero-overlay{height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@supports (height:100dvh){.profile-hero-overlay{height:100dvh}}@supports (height:100svh){.profile-hero-overlay{height:100svh}}.profile-hero-overlay__image,.profile-hero__image{display:block;height:100%;object-fit:cover;object-position:center var(--hero-position-y);pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.profile-hero__image{inset:0;object-fit:var(--hero-fit,cover);position:absolute;z-index:0}.profile-layout.tinder-hero{--nav-height:64px;background:#0000;margin-top:calc(var(--nav-height)*-1);min-height:100vh;padding-bottom:0;padding-top:var(--nav-height);position:relative}@media (max-width:480px){.profile-layout.tinder-hero{--nav-height:56px;min-height:100vh}}@supports (height:100dvh){.tinder-hero .profile-hero{--hero-height:calc(100dvh - 64px)}}@supports (height:100svh){.tinder-hero .profile-hero{--hero-height:calc(100svh - 64px)}}@supports (height:100dvh){@media (max-width:480px){.tinder-hero .profile-hero{--hero-height:calc(100dvh - 56px)}}}@supports (height:100svh){@media (max-width:480px){.tinder-hero .profile-hero{--hero-height:calc(100svh - 56px)}}}.profile-hero__gradient{background:linear-gradient(0deg,#0000008c 0,#00000059 35%,#0000001a 60%,#0000);inset:0;pointer-events:none;position:absolute}.profile-hero-content{position:relative;z-index:2}.profile-hero__topbar{align-items:center;display:flex;gap:8px;left:calc(env(safe-area-inset-left, 0) + 12px);position:fixed;right:calc(env(safe-area-inset-right, 0) + 12px);top:calc(env(safe-area-inset-top, 0) + 12px);z-index:3}.profile-hero__back{align-items:center;background:#ffffffe6;border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#111827;cursor:pointer;display:inline-flex;height:40px;justify-content:center;width:40px}.profile-hero__spacer{flex:1 1}.profile-hero__right-actions{display:none}.profile-hero__summary-actions{align-items:center;display:inline-flex;gap:8px;margin-left:auto}.profile-hero__unfriend{align-items:center;background:#dcfce7;border:1px solid #22c55e33;border-radius:12px;box-shadow:0 4px 12px #00000014;color:#16a34a;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:8px;width:36px}.profile-hero__unfriend:hover{background:#bbf7d0}.profile-hero__cancel,.profile-hero__save{align-items:center;background:#fffffff2;border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 12px #0000001f;color:#111827;cursor:pointer;display:inline-flex;gap:6px;padding:8px 12px}.profile-hero__save{background:#3b82f6;border-color:#3b82f6;color:#fff}.profile-hero__cancel{background:#f3f4f6}.profile-hero__delete{background:#0000;border-color:#0000;box-shadow:none;color:#ef4444;font-size:.8rem;padding:8px 6px}.profile-hero__delete:hover{background:#ef444414;border-color:#ef444433}.profile-hero__sheet{--sheet-summary-height:clamp(180px,25vh,300px);--sheet-height:clamp(240px,34vh,520px);background:#ffffffe6;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -8px 24px #0000002e;display:flex;flex-direction:column;left:0;margin-top:calc(var(--hero-height) - var(--sheet-summary-height));min-height:var(--sheet-summary-height);overflow:visible;padding-bottom:64px;position:relative;right:0;z-index:2}@media (max-width:640px){.tinder-hero .profile-hero{--focus-y:50%;--bleed-height:128px;--hero-height:calc(100vh - 56px);bottom:56px;height:var(--hero-height);max-height:var(--hero-height)}.profile-layout.tinder-hero{--nav-height:56px;margin-top:0;min-height:100vh;padding-top:0}.profile-hero__sheet{--sheet-summary-height:clamp(180px,30vh,280px);display:flex;flex-direction:column;margin-bottom:0;margin-top:calc(var(--hero-height) - var(--sheet-summary-height) + 24px);min-height:var(--sheet-summary-height);padding-bottom:56px}.profile-hero__summary{flex-shrink:0}.profile-hero__content{margin-top:0;padding-bottom:0;padding-top:20px}.profile-hero__content>:last-child{margin-bottom:0}}@supports (height:100svh){@media (max-width:640px){.tinder-hero .profile-hero{--hero-height:calc(100svh - 56px);height:var(--hero-height);max-height:var(--hero-height)}.profile-layout.tinder-hero{min-height:100svh}.profile-hero__sheet{margin-top:calc(var(--hero-height) - var(--sheet-summary-height))}}}@supports (height:100dvh){@media (max-width:640px){.tinder-hero .profile-hero{--hero-height:calc(100dvh - 56px);height:var(--hero-height);max-height:var(--hero-height)}.profile-layout.tinder-hero{min-height:100dvh}.profile-hero__sheet{margin-top:calc(var(--hero-height) - var(--sheet-summary-height))}}}@media (min-width:1024px){.tinder-hero .profile-hero{--hero-height:740px;--focus-y:18%;--bleed-height:140px}}.profile-hero__summary{border-bottom:1px solid #0000000f;flex-shrink:0;min-height:auto;overflow:visible;padding:16px 20px 12px}.profile-hero__summary-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.profile-hero__summary-row--meta{gap:12px;margin-top:8px}.profile-hero__name{color:#111827;font-size:22px;font-weight:800;margin:0}.profile-hero__meta-line{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:13px;font-weight:500;gap:6px;margin-top:6px}.profile-hero__meta-dot{color:#d1d5db;font-size:12px;-webkit-user-select:none;user-select:none}.profile-hero__location,.profile-hero__location-icon,.profile-hero__meta-icon,.profile-hero__meta-item{display:none}.profile-hero__identity-footer{border-top:1px solid #00000012;margin-top:16px;padding-top:14px}.profile-hero__edit-footer{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:7px 16px;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.profile-hero__edit-footer:hover{background:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626;color:#3b82f6}.profile-hero__interests{margin-top:16px}.profile-hero__interests-header{color:#0f172a;font-size:16px;font-weight:600;letter-spacing:-.025em;margin:0 0 10px}.profile-hero__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}.profile-hero__chips.categories-edit{gap:12px}.profile-hero__chip{background:#f3f4f6;border-radius:9999px;color:#374151;font-size:12px;font-weight:600;padding:6px 10px}.profile-hero__bio{color:#000;font-size:18px;line-height:1.4;margin:10px 0 0}.profile-hero__content{overflow:visible;padding:16px 20px 20px}@media (max-width:640px){.profile-hero__content{flex:1 1 auto;min-height:0;padding-bottom:0}.profile-hero__content .view-only-profile-content,.profile-hero__content .view-only-profile-content>:last-child,.profile-hero__content .view-only-profile-content__activities-grid,.profile-hero__content .view-only-profile-content__empty-state,.profile-hero__content .view-only-profile-content__tab-content,.profile-hero__content>:last-child{margin-bottom:0!important;padding-bottom:0!important}.profile-hero__content .view-only-profile-content__activities-grid>:last-child{margin-bottom:0!important}}@media (min-width:1024px){.profile-hero__sheet{left:50%;right:auto;transform:translateX(-50%);width:min(920px,92vw)}}.profile-layout__header{background:var(--card-background);border-bottom:1px solid var(--border-color);padding:2rem 0}.profile-layout__header-content{align-items:center;display:flex;gap:2rem;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative}.profile-layout__back-button{align-items:center;background:var(--button-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;gap:.5rem;margin-right:1rem;padding:.75rem;position:static;transition:all .2s ease}.profile-layout__back-button:hover{background:var(--button-hover-background);border-color:var(--button-hover-border)}.profile-layout__back-icon{height:1.25rem;width:1.25rem}.profile-layout__avatar{flex-shrink:0}.profile-layout__avatar-image{border:3px solid var(--border-color);border-radius:50%;box-shadow:0 4px 12px #0000001a;height:120px;object-fit:cover;width:120px}.profile-layout__avatar-label{display:inline-block;pointer-events:none;position:relative}.profile-layout__avatar-input{display:none}.profile-layout__avatar-label.editable{cursor:pointer;pointer-events:auto}.profile-layout__avatar-label.editable:hover .profile-layout__avatar-image{filter:brightness(.9)}.profile-layout__info{flex:1 1;min-width:0}.profile-layout__name{color:var(--text-color);font-size:2rem;font-weight:700;margin:0 0 .5rem}.profile-layout__bio{color:var(--text-secondary);font-size:1.1rem;line-height:1.5;margin:0 0 1rem}.profile-layout__meta{display:flex;flex-wrap:wrap;gap:1rem}.profile-layout__age,.profile-layout__gender,.profile-layout__location{background:var(--background-color);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);font-size:.9rem;padding:.25rem .75rem}.profile-layout__actions{align-items:center;display:flex;gap:1rem;margin-left:auto;pointer-events:none}.profile-layout__actions>*{pointer-events:auto}.profile-layout__refresh-button{align-items:center;background:var(--button-background);border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.profile-layout__refresh-button:hover{background:var(--button-hover-background);border-color:var(--button-hover-border)}.profile-layout__refresh-icon{height:1.25rem;width:1.25rem}.profile-layout__content{margin:0 auto;max-width:1200px;padding:2rem}.profile-layout__inline-form{background:var(--background-color);border-top:1px solid var(--border-color);padding:1rem 2rem 2rem}.profile-layout__form-grid{grid-gap:1rem 2rem;display:grid;gap:1rem 2rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;max-width:1200px}.profile-layout__form-row{display:flex;flex-direction:column;gap:.5rem}.profile-layout__form-row--full{grid-column:1/-1}.profile-layout__form-row input,.profile-layout__form-row select,.profile-layout__form-row textarea{background:#fff;background:var(--card-background,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--text-color,#0f172a);cursor:text;font-family:inherit;padding:.625rem .75rem;transition:border-color .15s ease,box-shadow .15s ease}.profile-layout__form-row input:hover,.profile-layout__form-row select:hover,.profile-layout__form-row textarea:hover{border-color:#cbd5e1;border-color:var(--button-hover-border,#cbd5e1)}.profile-layout__form-row input:focus,.profile-layout__form-row select:focus,.profile-layout__form-row textarea:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 3px #3b82f626;outline:none}.profile-layout__photo-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.profile-layout__category-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}@media (max-width:768px){.profile-layout__form-grid{grid-template-columns:1fr}}.profile-layout--loading .profile-layout__header-content{gap:2rem}.profile-layout__avatar-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:50%;height:120px;width:120px}.profile-layout__info-skeleton{display:flex;flex:1 1;flex-direction:column;gap:1rem}.profile-layout__name-skeleton{height:2rem;width:200px}.profile-layout__bio-skeleton,.profile-layout__name-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.profile-layout__bio-skeleton{height:1.1rem;width:100%}.profile-layout__tabs-skeleton{height:3rem;margin-bottom:2rem}.profile-layout__content-skeleton,.profile-layout__tabs-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;width:100%}.profile-layout__content-skeleton{height:400px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-layout--error,.profile-layout--not-found{align-items:center;display:flex;justify-content:center;min-height:50vh}.profile-layout__error,.profile-layout__not-found{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;max-width:400px;padding:2rem;text-align:center}.profile-layout__error-icon{color:var(--error-color);height:3rem;margin:0 auto 1rem;width:3rem}.profile-layout__error h3,.profile-layout__not-found h3{color:var(--text-color);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.profile-layout__error p,.profile-layout__not-found p{color:var(--text-secondary);line-height:1.5;margin:0 0 1.5rem}.profile-layout__retry-button{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 auto;padding:.75rem 1.5rem;transition:all .2s ease}.profile-layout__retry-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.profile-layout__retry-icon{height:1.25rem;width:1.25rem}@media (max-width:768px){.profile-layout__header-content{flex-direction:column;gap:1.5rem;text-align:center}.profile-layout__back-button{align-self:flex-start;position:static;transform:none}.profile-layout__name{font-size:1.5rem}.profile-layout__avatar-image{height:100px;width:100px}.profile-layout__actions{flex-direction:column;width:100%}.profile-layout__edit-button,.profile-layout__refresh-button{justify-content:center;width:100%}.profile-layout__content{padding:1rem}}.limited-profile-card{align-items:center;background:linear-gradient(135deg,#14141ef2,#1e1e28f2);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;padding:20px;width:100%}.limited-profile-card__container{animation:fadeIn .3s ease-out;background:#191923fa;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #0006;box-sizing:border-box;margin:0 auto;max-width:500px;padding:40px 30px;text-align:center;width:100%}.limited-profile-card__avatar-wrapper{display:flex;justify-content:center;margin-bottom:24px}.limited-profile-card__avatar{border:4px solid #ffffff1a;border-radius:50%;box-shadow:0 8px 24px #0000004d;height:120px;overflow:hidden;width:120px}.limited-profile-card__avatar img{height:100%;object-fit:cover;width:100%}.limited-profile-card__avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6464784d,#5050644d);color:#ffffff80;display:flex;height:100%;justify-content:center;width:100%}.limited-profile-card__info{margin-bottom:24px}.limited-profile-card__display-name{word-wrap:break-word;color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;overflow-wrap:break-word}.limited-profile-card__username{color:#fff9;font-size:16px;font-weight:500;margin:0}.limited-profile-card__context{align-items:center;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.limited-profile-card__context-icon{flex-shrink:0;font-size:24px}.limited-profile-card__context-text{word-wrap:break-word;color:#fbbf24;font-size:14px;font-weight:500;margin:0;overflow-wrap:break-word;text-align:left}.limited-profile-card__privacy-notice{background:#64647833;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:20px}.limited-profile-card__lock-icon{font-size:32px;margin-bottom:12px}.limited-profile-card__privacy-notice p{color:#ffffffe6;font-size:16px;font-weight:600;margin:0 0 8px}.limited-profile-card__privacy-notice small{color:#fff9;font-size:14px}.limited-profile-card__actions{margin-bottom:0}@media (max-width:600px){.limited-profile-card{padding:16px}.limited-profile-card__container{border-radius:16px;max-width:100%;padding:24px 16px}.limited-profile-card__avatar{height:100px;width:100px}.limited-profile-card__display-name{font-size:22px;padding:0 4px}.limited-profile-card__username{font-size:14px;padding:0 4px}.limited-profile-card__context{margin-bottom:20px;padding:12px}.limited-profile-card__context-text{font-size:13px}.limited-profile-card__privacy-notice{margin-bottom:20px;padding:16px}.limited-profile-card__privacy-notice p{font-size:15px}.limited-profile-card__privacy-notice small{font-size:13px}}.confirmation-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.confirmation-modal{animation:slideUp .2s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:400px;overflow:hidden;width:100%}.confirmation-modal__header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.confirmation-modal__title{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.confirmation-modal__close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.confirmation-modal__close:hover{background:#f3f4f6;color:#111827}.confirmation-modal__content{padding:24px}.confirmation-modal__message{color:#374151;font-size:1rem;line-height:1.5;margin:0}.confirmation-modal__footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.confirmation-modal__button{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s ease}.confirmation-modal__button:disabled{cursor:not-allowed;opacity:.6}.confirmation-modal__button--cancel{background:#f3f4f6;color:#374151}.confirmation-modal__button--cancel:hover:not(:disabled){background:#e5e7eb}.confirmation-modal__button--confirm{color:#fff}.confirmation-modal__button--confirm.confirmation-modal__button--danger{background:#dc2626}.confirmation-modal__button--confirm.confirmation-modal__button--danger:hover:not(:disabled){background:#b91c1c}.confirmation-modal__button--confirm.confirmation-modal__button--primary{background:#3b82f6}.confirmation-modal__button--confirm.confirmation-modal__button--primary:hover:not(:disabled){background:#2563eb}.confirmation-modal__button--confirm.confirmation-modal__button--secondary{background:#6b7280}.confirmation-modal__button--confirm.confirmation-modal__button--secondary:hover:not(:disabled){background:#4b5563}@media (max-width:640px){.confirmation-modal-overlay{padding:16px}.confirmation-modal{max-width:100%}.confirmation-modal__header{padding:16px 20px}.confirmation-modal__content{padding:20px}.confirmation-modal__footer{flex-direction:column-reverse;padding:16px 20px}.confirmation-modal__button{width:100%}}.user-profile-refactored{background:var(--background-color);min-height:100vh;padding-bottom:0;padding-top:0;position:relative}.content-guidelines-compact{background:#f8f9fa;border-left:3px solid #007bff;font-size:.9rem;margin-bottom:1rem;padding:.75rem}.guidelines-hint{color:#495057;margin:0}.guidelines-hint a{color:#007bff;font-weight:500;text-decoration:none}.guidelines-hint a:hover{text-decoration:underline}.content-guidelines-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.guidelines-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:700px;overflow-y:auto;width:100%}.guidelines-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.guidelines-header h2{color:#212529;font-size:1.5rem;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.close-btn:hover{background:#f8f9fa}.guidelines-body{padding:1.5rem}.guidelines-section{margin-bottom:2rem}.guidelines-section:last-child{margin-bottom:0}.guidelines-section h3{color:#212529;font-size:1.1rem;margin:0 0 1rem}.guidelines-section ul{margin:0;padding-left:1.5rem}.guidelines-section li{color:#495057;line-height:1.6;margin-bottom:.5rem}.guidelines-section p{color:#495057;line-height:1.6;margin:0 0 .75rem}.guidelines-section.warning{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;padding:1rem}.guidelines-section.info{background:#e7f3ff;border-left:4px solid #007bff;border-radius:8px;padding:1rem}.guidelines-section.note{background:#f8d7da;border-left:4px solid #dc3545;border-radius:8px;padding:1rem}.guidelines-footer{background:#f8f9fa;border-top:1px solid #e9ecef;bottom:0;padding:1.5rem;position:-webkit-sticky;position:sticky;z-index:10}.guidelines-footer-text{color:#6c757d;font-size:.9rem;margin:0 0 1rem}.guidelines-footer a{color:#007bff;text-decoration:none}.guidelines-footer a:hover{text-decoration:underline}.btn-primary{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background .2s;width:100%}.btn-primary:hover{background:#0056b3}.report-button{background:none;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.report-button:hover{background:#dc3545;color:#fff}.report-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.report-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;width:100%}.report-modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:1.5rem}.report-modal-header h3{color:#212529;font-size:1.25rem;margin:0}.report-modal-body{padding:1.5rem}.report-modal-body p{color:#495057;margin:0 0 1rem}.report-reason-select{background:#fff;border:1px solid #ced4da;border-radius:6px;color:#495057;font-size:1rem;padding:.75rem;width:100%}.report-modal-footer{border-top:1px solid #e9ecef;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.btn-secondary{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .2s}.btn-secondary:hover:not(:disabled){background:#5a6268}.btn-danger{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .2s}.btn-danger:hover:not(:disabled){background:#c82333}.btn-danger:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.report-success{padding:2rem;text-align:center}.report-success p{font-size:1.1rem;margin:.5rem 0}.report-success p:first-child{color:#28a745;font-size:1.5rem}@media (max-width:768px){.content-guidelines-modal{padding:0}.guidelines-content{border-radius:0;max-height:100vh}.guidelines-header h2{font-size:1.25rem}.report-modal-footer{flex-direction:column}.btn-danger,.btn-secondary{width:100%}}.photo-upload{max-width:none;width:100%}.photo-upload.photo-upload--compact .photo-upload-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));justify-content:center;justify-items:center}.photo-upload.photo-upload--compact .photo-upload-area{border-radius:10px;max-width:120px;padding:6px;width:120px}.photo-upload.photo-upload--uploader-only .photo-upload-grid{grid-template-columns:-webkit-max-content;grid-template-columns:max-content;justify-content:center;justify-items:center}.photo-upload.photo-upload--compact .upload-content{flex-direction:row}.photo-upload.photo-upload--compact .upload-hint,.photo-upload.photo-upload--compact .upload-limits,.photo-upload.photo-upload--compact .upload-text{display:none}.photo-upload-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.photo-upload-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0}.photo-count{background:#e2e8f0;border-radius:12px;color:#64748b;font-size:12px;font-weight:500;padding:4px 8px}.photo-upload-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-size:14px;gap:8px;margin-bottom:16px;padding:12px}.error-close,.photo-upload-error{align-items:center;color:#dc2626;display:flex}.error-close{background:none;border:none;border-radius:4px;cursor:pointer;justify-content:center;margin-left:auto;padding:2px}.error-close:hover{background:#fee2e2}.photo-upload-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(40vw,1fr));margin-bottom:16px}.photo-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;position:relative}.photo-item.primary{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b40}.photo-preview{aspect-ratio:1;background:#f1f5f9;overflow:hidden;position:relative}.primary-indicator-corner{align-items:center;background:#f59e0b;border-radius:9999px;box-shadow:0 2px 4px #0003;color:#fff;display:inline-flex;height:22px;justify-content:center;left:8px;position:absolute;top:8px;width:22px;z-index:2}.photo-preview img{height:100%;object-fit:cover;transition:transform .2s ease;width:100%}.photo-item:hover .photo-preview img{transform:scale(1.05)}.photo-overlay{align-items:flex-start;background:#0006;bottom:0;display:flex;gap:4px;justify-content:flex-end;left:0;opacity:0;padding:8px;position:absolute;right:0;top:0;transition:opacity .2s ease}.photo-item.primary .photo-overlay,.photo-item:hover .photo-overlay{opacity:1}.photo-action{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.photo-action:hover{background:#fff;transform:scale(1.1)}.photo-action.primary{color:#f59e0b}.photo-action.primary.active{background:#f59e0b;color:#fff}.photo-action.delete{color:#dc2626}.photo-action.delete:hover{background:#dc2626;color:#fff}.photo-info{align-items:center;display:flex;justify-content:space-between;padding:8px}.photo-size{color:#64748b;font-size:12px}.primary-badge{background:#f59e0b;border-radius:8px;color:#fff;font-size:10px;font-weight:600;letter-spacing:.025em;padding:2px 6px;text-transform:uppercase}.photo-upload-area{align-items:center;align-self:center;aspect-ratio:1;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;justify-self:center;padding:24px;text-align:center;transition:all .2s ease}.photo-upload-area:hover{background:#f0f9ff;border-color:#3b82f6}.photo-upload-area.drag-active{background:#dbeafe;border-color:#3b82f6;transform:scale(1.02)}.photo-upload-area.uploading{background:#eef2ff;border-color:#6366f1;cursor:not-allowed}.upload-content{align-items:center;display:flex;flex-direction:column;gap:8px}.upload-content svg{color:#64748b;transition:color .2s ease}.photo-upload-area.drag-active .upload-content svg,.photo-upload-area:hover .upload-content svg{color:#3b82f6}.upload-text{color:#374151;font-size:14px;font-weight:500}.upload-hint{color:#64748b;font-size:12px}.upload-limits{color:#9ca3af;font-size:10px;margin-top:4px}.upload-loading{align-items:center;color:#6366f1;display:flex;flex-direction:column;gap:12px}.upload-loading span{font-size:14px;font-weight:500}.upload-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:24px;width:24px}.photo-upload-empty{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;padding:40px 20px;text-align:center}.photo-upload-empty svg{color:#9ca3af;margin-bottom:16px}.photo-upload-empty h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.photo-upload-empty p{font-size:14px;margin:0}@media (max-width:640px){.photo-upload-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.photo-upload-area{padding:16px}.upload-content{gap:6px}.upload-text{font-size:13px}.upload-hint{font-size:11px}}@media (max-width:480px){.photo-upload-grid{grid-template-columns:repeat(2,1fr)}}.editable-profile-content__top-activity-item{background:#fff;border:2px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:0;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.editable-profile-content__activity-header-image{background:linear-gradient(135deg,#f8fafc,#e2e8f0);height:140px;overflow:hidden;position:relative;width:100%}.editable-profile-content__activity-header-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.editable-profile-content__top-activity-item:hover .editable-profile-content__activity-header-image img{transform:scale(1.05)}.editable-profile-content__activity-header-image:after{background:linear-gradient(90deg,#0000,#0000004d);content:"";height:100%;pointer-events:none;position:absolute;right:0;top:0;width:120px}.editable-profile-content__activity-header-image.no-image{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;justify-content:center}.editable-profile-content__activity-header-image.no-image:before{background:#fff3;border-radius:50%;content:"";height:48px;width:48px}.editable-profile-content__activity-header-image[data-category=sports]{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.editable-profile-content__activity-header-image[data-category=food]{background:linear-gradient(135deg,#f59e0b,#ef4444)}.editable-profile-content__activity-header-image[data-category=arts]{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.editable-profile-content__activity-header-image[data-category=music]{background:linear-gradient(135deg,#06b6d4,#8b5cf6)}.editable-profile-content__activity-header-image[data-category=outdoor]{background:linear-gradient(135deg,#10b981,#14b8a6)}.editable-profile-content__activity-header-image[data-category=gaming]{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.editable-profile-content__activity-header-image[data-category=learning]{background:linear-gradient(135deg,#f59e0b,#f97316)}.editable-profile-content__activity-header-image[data-category=wellness]{background:linear-gradient(135deg,#10b981,#06b6d4)}.editable-profile-content__activity-content{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem}.editable-profile-content__top-activity-item:first-child:after,.editable-profile-content__top-activity-item:nth-child(2):after,.editable-profile-content__top-activity-item:nth-child(3):after{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;color:#fff;font-size:.7rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem;z-index:10}.editable-profile-content__top-activity-item:first-child:after{background:#fbbf24f2;box-shadow:0 2px 8px #fbbf2466;content:"1st"}.editable-profile-content__top-activity-item:nth-child(2):after{background:#94a3b8f2;box-shadow:0 2px 8px #94a3b866;content:"2nd"}.editable-profile-content__top-activity-item:nth-child(3):after{background:#cd7f32f2;box-shadow:0 2px 8px #cd7f3266;content:"3rd"}.editable-profile-content__activity-name{margin-bottom:.25rem;margin-top:0;padding-right:0}.editable-profile-content__activity-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;margin-top:0}.editable-profile-content__activity-prompts{display:flex;flex-direction:column;gap:12px;margin-top:12px}.editable-profile-content__prompt-item{background:#f1f5f9;border:1px solid #e2e8f0;border-left:3px solid #3b82f6;border-radius:8px;padding:12px 14px;transition:all .2s ease}.editable-profile-content__prompt-item:hover{background:#e2e8f0;border-left-color:#2563eb;transform:translateX(2px)}.editable-profile-content__top-activities-empty{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px dashed #3b82f6;border-radius:16px;margin:2rem 0;padding:32px 24px;text-align:center;transition:all .3s ease}.editable-profile-content__top-activities-empty:hover{border-color:#2563eb;box-shadow:0 8px 24px #3b82f626;transform:translateY(-2px)}.editable-profile-content__empty-icon{animation:pulse-glow 2s ease-in-out infinite;font-size:48px;margin-bottom:12px}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.editable-profile-content__top-activities-empty h4{color:#0f172a;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:20px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.editable-profile-content__top-activities-empty p{color:#64748b;font-size:15px;font-weight:300;line-height:1.65;margin:0 auto 20px;max-width:450px}.editable-profile-content__add-activities-btn{background:#3b82f6;border:none;border-radius:10px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s ease}.editable-profile-content__add-activities-btn:hover{background:#2563eb;box-shadow:0 4px 16px #3b82f666;transform:translateY(-1px)}.editable-profile-content__add-activities-btn:active{transform:translateY(0)}@media (max-width:768px){.editable-profile-content__top-activities-empty{margin:1.5rem 0;padding:24px 20px}.editable-profile-content__empty-icon{font-size:40px}.editable-profile-content__top-activities-empty h4{font-size:18px}.editable-profile-content__top-activities-empty p{font-size:14px}.editable-profile-content__add-activities-btn{font-size:14px;padding:10px 20px}}.editable-profile-content__prompt-question{align-items:center;color:#0f172a;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:8px}.editable-profile-content__prompt-question svg{color:#3b82f6;flex-shrink:0;height:16px;width:16px}.editable-profile-content__prompt-answer{color:#1e293b;font-size:.9375rem;font-style:italic;line-height:1.6;padding-left:24px}@media (max-width:768px){.editable-profile-content__activity-header-image{height:60px}.editable-profile-content__activity-content{padding:1rem 1.25rem}.editable-profile-content__activity-name{font-size:1.15rem}}.editable-profile-content__activity-name-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.editable-profile-content__activity-name{color:#0f172a;flex:1 1;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin:0}.top-activities-section__error{background:#fef2f2;background:var(--color-error-50,#fef2f2);border:1px solid #fecaca;border:1px solid var(--color-error-200,#fecaca);border-radius:8px;color:#dc2626;color:var(--color-error-600,#dc2626);font-size:14px;font-size:var(--font-size-sm,14px);margin-bottom:20px;padding:12px 16px}.top-activities-section__slots{display:flex;flex-direction:column;gap:20px}.top-activities-section__slot{background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border:2px dashed #e2e8f0;border:2px dashed var(--color-border-primary,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);padding:20px;transition:all .2s ease}.top-activities-section__slot:hover{background:#f1f5f9;background:var(--color-background-tertiary,#f1f5f9);border-color:#60a5fa;border-color:var(--color-primary-400,#60a5fa)}.top-activities-section__slot-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.top-activities-section__slot-number{color:#0f172a!important;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:600;font-weight:var(--font-weight-semibold,600);letter-spacing:.05em;text-transform:uppercase}.top-activities-section__remove-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.top-activities-section__remove-btn:hover{background:#fef2f2;background:var(--color-error-50,#fef2f2);color:#dc2626;color:var(--color-error-600,#dc2626)}.top-activities-section__slot-content{display:flex;flex-direction:column;gap:16px}.top-activities-section__selected-category{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.top-activities-section__change-btn{background:#fff;background:var(--color-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);padding:8px 16px;transition:all .2s ease}.top-activities-section__change-btn:hover{background:#eff6ff;background:var(--color-primary-50,#eff6ff);border-color:#3b82f6;border-color:var(--color-primary-500,#3b82f6);color:#2563eb;color:var(--color-primary-600,#2563eb)}.top-activities-section__empty-slot{align-items:center;color:#64748b;color:var(--color-text-secondary,#64748b);display:flex;justify-content:center;min-height:100px;padding:20px}.top-activities-section__empty-slot *{color:inherit}.top-activities-section__add-btn,.top-activities-section__add-first-btn{align-items:center;background:#0000;border:2px dashed #e2e8f0;border:2px dashed var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);color:#64748b!important;color:var(--color-text-secondary,#64748b)!important;cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease;width:100%}.top-activities-section__add-btn span,.top-activities-section__add-btn svg,.top-activities-section__add-first-btn span,.top-activities-section__add-first-btn svg{color:inherit}.top-activities-section__add-first-btn{font-size:16px;font-size:var(--font-size-base,16px);padding:16px 32px}.top-activities-section__add-btn:hover,.top-activities-section__add-first-btn:hover{background:#eff6ff;background:var(--color-primary-50,#eff6ff);border-color:#3b82f6;border-color:var(--color-primary-500,#3b82f6);color:#2563eb!important;color:var(--color-primary-600,#2563eb)!important}.top-activities-section__add-btn:hover span,.top-activities-section__add-btn:hover svg,.top-activities-section__add-first-btn:hover span,.top-activities-section__add-first-btn:hover svg{color:inherit}.top-activities-section__saving{color:#64748b;color:var(--color-text-secondary,#64748b);font-style:italic;text-align:center}.top-activities-section__info,.top-activities-section__saving{font-size:14px;font-size:var(--font-size-sm,14px);margin-top:20px;padding:12px 16px}.top-activities-section__info{background:#eff6ff;background:var(--color-primary-50,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--color-primary-200,#bfdbfe);border-radius:8px;border-radius:var(--radius-md,8px);color:#1d4ed8;color:var(--color-primary-700,#1d4ed8);line-height:1.625;line-height:var(--line-height-relaxed,1.625)}.top-activities-section__info p{margin:0}.top-activities-section__activity-input{background-color:#fff;background-color:var(--color-white,#fff);border:2px solid #e2e8f0;border:2px solid var(--color-border-primary,#e2e8f0);border-radius:12px;box-sizing:border-box;color:#0f172a;color:var(--color-text-primary,#0f172a);cursor:text;font-family:inherit;font-size:15px;line-height:1.5;line-height:var(--line-height-normal,1.5);padding:14px 18px;transition:all .3s ease;width:100%}.top-activities-section__activity-input:focus{background-color:#fff;background-color:var(--color-white,#fff);border-color:#3b82f6;border-color:var(--color-primary-500,#3b82f6);box-shadow:0 0 0 4px #3b82f61a;outline:none}.top-activities-section__activity-input::placeholder,.top-activities-section__help-text{color:#64748b;color:var(--color-text-secondary,#64748b)}.top-activities-section__help-text{display:block;font-size:12px;font-size:var(--font-size-xs,12px);line-height:1.5;line-height:var(--line-height-relaxed,1.5);margin-top:8px}.top-activities-section__prompts,.top-activities-section__prompts-list{display:flex;flex-direction:column;gap:12px}.top-activities-section__prompt-item{background:#f8fafc;background:var(--color-background-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;padding:12px;transition:all .2s ease}.top-activities-section__prompt-item:hover{background:#f1f5f9;background:var(--color-background-tertiary,#f1f5f9);border-color:#60a5fa;border-color:var(--color-primary-400,#60a5fa)}.top-activities-section__prompt-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.top-activities-section__prompt-question{align-items:center;color:#0f172a;color:var(--color-text-primary,#0f172a);display:flex;flex:1 1;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);gap:6px}.top-activities-section__prompt-question svg{color:#3b82f6;color:var(--color-primary-500,#3b82f6);flex-shrink:0}.top-activities-section__prompt-remove{align-items:center;background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.top-activities-section__prompt-remove:hover{background:#fef2f2;background:var(--color-error-50,#fef2f2);color:#dc2626;color:var(--color-error-600,#dc2626)}.top-activities-section__prompt-answer{background-color:#fff;background-color:var(--color-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:6px;box-sizing:border-box;color:#0f172a;color:var(--color-text-primary,#0f172a);font-family:inherit;font-size:14px;line-height:1.5;min-height:60px;padding:10px 12px;resize:vertical;transition:all .2s ease;width:100%}.top-activities-section__prompt-answer:focus{border-color:#3b82f6;border-color:var(--color-primary-500,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.top-activities-section__prompt-answer::placeholder,.top-activities-section__prompt-char-count{color:#64748b;color:var(--color-text-secondary,#64748b)}.top-activities-section__prompt-char-count{font-size:12px;font-size:var(--font-size-xs,12px);margin-top:4px;text-align:right}.top-activities-section__add-prompt{margin-top:4px}.top-activities-section__add-prompt-select{background-color:#fff;background-color:var(--color-white,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:6px;color:#0f172a;color:var(--color-text-primary,#0f172a);cursor:pointer;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.top-activities-section__add-prompt-select:focus{border-color:#3b82f6;border-color:var(--color-primary-500,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;outline:none}.top-activities-section__add-prompt-select option{background-color:#fff;background-color:var(--color-white,#fff);color:#0f172a;color:var(--color-text-primary,#0f172a)}.top-activities-section__prompt-limit{color:#64748b;color:var(--color-text-secondary,#64748b);display:block;font-size:12px;font-size:var(--font-size-xs,12px);font-style:italic;margin-top:4px}@media (max-width:768px){.top-activities-section__slot{padding:16px}.top-activities-section__slots{gap:16px}.top-activities-section__selected-category{align-items:stretch;flex-direction:column}.top-activities-section__change-btn{width:100%}.top-activities-section .categories-edit{gap:8px}}@media (max-width:480px){.top-activities-section .categories-edit{gap:6px}}.activity-photo-upload{margin-top:16px}.activity-photo-upload__label{color:#0f172a;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.activity-photo-upload__hint{color:#64748b;display:block;font-size:12px;font-weight:400;margin-top:4px}.activity-photo-upload__error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:13px;gap:8px;justify-content:space-between;margin-bottom:12px;padding:8px 12px}.activity-photo-upload__error-close{align-items:center;background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:2px}.activity-photo-upload__error-close:hover{background:#fee2e2}.activity-photo-upload__preview{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;height:120px;overflow:hidden;position:relative;width:100%}.activity-photo-upload__preview img{height:100%;object-fit:cover;width:100%}.activity-photo-upload__overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.activity-photo-upload__preview:hover .activity-photo-upload__overlay{opacity:1}.activity-photo-upload__remove{align-items:center;background:#fff;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.activity-photo-upload__remove:hover{background:#dc2626;color:#fff;transform:scale(1.05)}.activity-photo-upload__dropzone{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:120px;justify-content:center;padding:16px;text-align:center;transition:all .2s ease;width:100%}.activity-photo-upload__dropzone:hover{background:#f0f9ff;border-color:#3b82f6}.activity-photo-upload__dropzone.drag-active{background:#dbeafe;border-color:#3b82f6;transform:scale(1.02)}.activity-photo-upload__dropzone.uploading{background:#eef2ff;border-color:#6366f1;cursor:not-allowed}.activity-photo-upload__dropzone svg{color:#64748b;margin-bottom:8px;transition:color .2s ease}.activity-photo-upload__dropzone.drag-active svg,.activity-photo-upload__dropzone:hover svg{color:#3b82f6}.activity-photo-upload__text{color:#374151;font-size:14px;font-weight:500;margin:0 0 4px}.activity-photo-upload__limits{color:#9ca3af;font-size:11px;margin:0}.activity-photo-upload__loading{align-items:center;color:#6366f1;display:flex;flex-direction:column;gap:8px}.activity-photo-upload__loading span{font-size:14px;font-weight:500}.activity-photo-upload__spinner{animation:activity-photo-spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:24px;width:24px}@keyframes activity-photo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.profile-refactored{-webkit-font-smoothing:antialiased;background:var(--background-color);font-family:DM Sans,Helvetica Neue,Arial,sans-serif;min-height:calc(100vh + 64px);min-height:calc(100vh + var(--nav-height, 64px));padding-bottom:84px;padding-bottom:calc(var(--nav-height, 64px) + 20px);padding-top:0;position:relative;z-index:1}.state-display{padding:40px 20px;text-align:center;width:100%}.state-display,.state-display__content{align-items:center;display:flex;flex-direction:column;justify-content:center}.state-display__content{gap:16px;max-width:500px}.state-display__icon{align-items:center;display:flex;justify-content:center;margin-bottom:8px}.state-display__spinner{animation:spin 1s linear infinite;color:#3b82f6}.state-display__icon-error{color:#ef4444}.state-display__icon-empty,.state-display__icon-not-found{color:#64748b;opacity:.6}.state-display__title{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0}.state-display__message{color:#475569;font-size:1rem;line-height:1.5;margin:0}.state-display__description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.state-display__actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px}.state-display--loading{color:#475569}.state-display--empty,.state-display--error,.state-display--not-found{color:#0f172a}@media (max-width:640px){.state-display{padding:32px 16px}.state-display__title{font-size:1.25rem}.state-display__description,.state-display__message{font-size:.875rem}.state-display__actions{flex-direction:column;width:100%}.state-display__actions .btn,.state-display__actions button{width:100%}}.tabs{-ms-overflow-style:none;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs--full-width{width:100%}.tabs--full-width .tabs__button{flex:1 1}.tabs--default .tabs__button{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 16px;transition:all .2s ease;white-space:nowrap}.tabs--default .tabs__button:hover:not(.disabled){background:#f8fafc;color:#0f172a}.tabs--default .tabs__button.active{border-bottom-color:#3b82f6;color:#3b82f6;font-weight:600}.tabs--pills{border-bottom:none;gap:4px}.tabs--pills .tabs__button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9999px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.tabs--pills .tabs__button:hover:not(.disabled){background:#f8fafc;border-color:#cbd5e1}.tabs--pills .tabs__button.active{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.tabs--underline{border-bottom:1px solid #e2e8f0}.tabs--underline .tabs__button{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.tabs--underline .tabs__button:after{background:#3b82f6;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .2s ease}.tabs--underline .tabs__button:hover:not(.disabled){color:#0f172a}.tabs--underline .tabs__button.active{color:#3b82f6;font-weight:600}.tabs--underline .tabs__button.active:after{transform:scaleX(1)}.tabs--switcher{align-items:center;border-bottom:none;gap:0}.tabs--switcher .tabs__button{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:1rem;font-weight:500;padding:8px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.tabs--switcher .tabs__button:hover:not(.disabled){color:#0f172a}.tabs--switcher .tabs__button.active{color:#0f172a;font-weight:700}.tabs__separator{color:#cbd5e1;padding:0 4px;-webkit-user-select:none;user-select:none}.tabs__icon{align-items:center;display:flex;flex-shrink:0}.tabs__label{white-space:nowrap}.tabs__badge{align-items:center;background:#e2e8f0;border-radius:10px;color:#475569;display:inline-flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;margin-left:4px;min-width:20px;padding:0 6px}.tabs__button.active .tabs__badge{background:#3b82f6;color:#fff}.tabs--pills .tabs__button.active .tabs__badge{background:#ffffff4d;color:#fff}.tabs__button.disabled{cursor:not-allowed;opacity:.5}.tabs__button:focus-visible{border-radius:4px;outline:2px solid #3b82f6;outline-offset:2px}@media (max-width:640px){.tabs{gap:4px}.tabs__button{font-size:.8125rem;padding:10px 12px}.tabs__icon{font-size:16px}.tabs__badge{font-size:.6875rem;height:18px;min-width:18px;padding:0 4px}}.friends-page{background:var(--gradient-primary);box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:100dvh;overflow:visible;overflow-x:hidden;padding:var(--spacing-xl);padding-bottom:var(--spacing-lg);width:100%}.friends-header{align-items:center;background:var(--gradient-header-cyan-purple);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);overflow:hidden;padding:var(--spacing-lg) var(--spacing-2xl);position:relative}.friends-header:before{background:radial-gradient(circle,#ffffff26 0,#0000 70%);height:300px;right:-20%;top:-50%;width:300px}.friends-header:after,.friends-header:before{border-radius:var(--radius-full);content:"";pointer-events:none;position:absolute}.friends-header:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);bottom:-30%;height:200px;left:-10%;width:200px}.friends-header__content{align-items:center;display:flex;flex:1 1;gap:1.5rem;position:relative;z-index:1}.friends-header__icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;justify-content:center;padding:var(--spacing-lg)}.friends-header__icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.friends-header__text{flex:1 1}.friends-header h1{color:#fff;font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);letter-spacing:var(--letter-spacing-tight);margin:0 0 var(--spacing-xs) 0;text-shadow:var(--shadow-text)}.friends-header__text p{color:#ffffffe6;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0;text-shadow:var(--shadow-xs)}.friends-header__decoration{background:linear-gradient(90deg,#ffffff4d,#fff9 50%,#ffffff4d);bottom:0;height:4px;left:0;position:absolute;right:0}.back-button{background:var(--color-bg-secondary);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal)}.back-button:hover{background:var(--color-bg-glass-hover);border-color:var(--color-text-muted);color:var(--color-text-primary)}.friends-header__actions{align-items:center;display:flex;flex-shrink:0;gap:8px;position:relative;z-index:10}.friends-header__action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1.5px solid #ffffff59;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;height:38px;justify-content:center;transition:background .18s,border-color .18s,transform .15s;width:38px}.friends-header__action-btn:hover{background:#ffffff52;border-color:#ffffff8c;transform:translateY(-1px)}.friends-header__action-btn--active{background:#ffffff59;border-color:#fff9}.friends-header__action-btn--primary{background:#ffffff40}.friends-header__action-btn--cancel{background:#ef4444bf;border-color:#ef444480}.friends-header__action-btn--cancel:hover{background:#dc2626e6}.add-action-container{position:relative;z-index:10}.add-action-dropdown{display:none}.add-friend-section{background:#fffffff2;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);box-sizing:border-box;margin-bottom:var(--spacing-2xl);overflow:visible;padding:var(--spacing-2xl)}.add-friend-section h3{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-xl) 0;text-align:center}.search-container{margin-bottom:var(--spacing-2xl);position:relative;transition:all var(--transition-normal);z-index:10}.search-container.collapsed{margin-bottom:var(--spacing-md)}.search-toggle{align-items:center;background:#fffffff2;border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-normal)}.search-toggle:hover{background:var(--color-bg-secondary);border-color:var(--color-text-muted);color:var(--color-text-primary)}.search-toggle.active{background:var(--color-interactive-primary);border-color:var(--color-interactive-primary);color:#fff}.search-toggle.active:hover{background:var(--color-interactive-primary-hover);border-color:var(--color-interactive-primary-hover)}.filter-chips{flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.filter-chip,.filter-chips{display:flex;gap:var(--spacing-sm)}.filter-chip{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-2xl);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.filter-chip:hover{background:var(--color-bg-glass-hover);border-color:var(--color-text-muted);color:var(--color-text-primary)}.filter-chip.active{background:var(--color-interactive-primary);border-color:var(--color-interactive-primary)}.filter-chip.active:hover{background:var(--color-interactive-primary-hover);border-color:var(--color-interactive-primary-hover)}.search-icon{color:var(--color-text-secondary);height:var(--spacing-xl);left:var(--spacing-lg);position:absolute;top:50%;transform:translateY(-50%);width:var(--spacing-xl)}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) var(--spacing-5xl);transition:all var(--transition-normal);width:100%}.search-input:focus{border-color:var(--color-interactive-primary);box-shadow:var(--shadow-focus);outline:none}.search-input::placeholder{color:var(--color-text-secondary)}.friends-tabs{background:var(--gradient-primary);border:1px solid #fff3;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg),inset 0 1px 0 #fffc;box-sizing:border-box;display:flex;gap:2px;margin-bottom:var(--spacing-3xl);overflow:hidden;padding:var(--spacing-sm);position:relative}.friends-tabs:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.tab-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-xl);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;min-width:0;overflow:visible;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:1}.tab-button:before{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:var(--radius-xl);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal);z-index:-1}.tab-button:hover{box-shadow:var(--shadow-lg);color:var(--color-text-primary);transform:translateY(-2px)}.tab-button:hover:before{opacity:.1}.tab-button.active{box-shadow:0 8px 25px #3b82f666,0 4px 12px #3b82f633;color:#fff;transform:translateY(-2px)}.tab-button.active:before{opacity:1}.tab-button.active:hover{box-shadow:0 12px 35px #3b82f680,0 6px 16px #3b82f64d;transform:translateY(-3px)}.tab-count{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:14px;box-shadow:0 2px 4px #0000001a;font-size:12px;font-weight:700;min-width:24px;padding:4px 10px;text-align:center;transition:all .2s ease}.tab-button:not(.active) .tab-count{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:inset 0 1px 2px #0000001a;color:#64748b}.tab-button.active .tab-count{background:#ffffff40;box-shadow:0 2px 8px #0003;color:#fff}.tab-button:hover .tab-count{transform:scale(1.05)}.tab-icon{font-size:16px;transition:transform .2s ease}.tab-button.active .tab-icon,.tab-button:hover .tab-icon{transform:scale(1.1)}.tab-button.loading{opacity:.7;pointer-events:none}.tab-button.loading:after{animation:tab-spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;left:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;width:16px}@keyframes tab-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tab-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.sub-tab-button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.tab-content{animation:tab-fade-in .3s ease-in-out}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-empty-state{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #e2e8f0;border-radius:16px;margin:20px 0;padding:60px 20px;text-align:center}.tab-empty-state svg{color:#94a3b8;margin-bottom:16px;opacity:.6}.tab-empty-state h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 8px}.tab-empty-state p{color:#64748b;font-size:14px;margin:0 0 20px}.tab-empty-state .action-button{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.tab-empty-state .action-button:hover{box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.friends-content{background:#fffffff2;border:none;border-radius:16px;box-shadow:0 8px 32px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:16px;overflow:visible;padding:24px;width:100%}.friends-grid{display:flex;flex-direction:column;gap:8px}.friends-grid,.squads-grid{margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:1200px;padding:0;width:100%}.squads-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.requests-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-auto-columns:minmax(320px,1fr);grid-auto-flow:column;justify-content:start;margin-bottom:32px;padding:0;width:100%}.friend-card{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.friend-card:hover{border-color:var(--color-text-muted)}.friend-info{align-items:center;display:flex;gap:var(--spacing-lg);max-width:100%;overflow:hidden}.friend-avatar{height:60px;transition:transform var(--transition-fast);width:60px}.friend-details{flex:1 1}.friend-name{font-size:var(--font-size-lg);white-space:nowrap}.friend-username{margin:0 0 var(--spacing-sm) 0;white-space:nowrap}.friend-bio{color:#475569;font-size:14px;line-height:1.4;margin:0 0 8px}.friend-since{color:#94a3b8;font-size:12px;margin:0}.friend-actions{gap:8px}.action-button{border-radius:8px;gap:6px;padding:8px 16px}.message-button{background:#3b82f6}.message-button:hover{background:#2563eb}.remove-button{background:#ef4444}.remove-button:hover{background:#dc2626}.accept-button{background:#10b981}.accept-button:hover{background:#059669}.decline-button{background:#6b7280}.decline-button:hover{background:#4b5563}.cancel-button{background:#f59e0b}.cancel-button:hover{background:#d97706}.requests-list{display:flex;flex:1 1;flex-direction:column;gap:16px;width:100%}.request-card{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.request-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.request-info{align-items:center;display:flex;gap:16px}.request-avatar{height:60px;transition:transform .2s ease;width:60px}.request-details{flex:1 1}.request-name{font-size:18px}.request-name.clickable:hover{color:#3b82f6}.request-username{margin:0 0 8px}.request-message{color:#475569;line-height:1.4;margin:0 0 8px}.request-date{margin:0 0 4px}.request-status{color:#64748b;font-size:12px;margin:0}.status-pending{color:#f59e0b;font-weight:600}.status-accepted{color:#10b981;font-weight:600}.status-declined{color:#ef4444;font-weight:600}.status-cancelled{color:#6b7280;font-weight:600}.request-actions{gap:8px}.empty-state{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #e2e8f0;border-radius:20px;box-shadow:0 4px 20px #0000000d;color:#64748b;flex:1 1;margin:20px 0;min-height:100%;padding:80px 20px}.friends-content>*{flex:1 1}.friends-content>*,.friends-grid>*,.requests-grid>*{display:flex;flex-direction:column}.empty-state svg{color:#cbd5e1;margin-bottom:24px;opacity:.8}.empty-state h3{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 12px}.empty-state p{font-size:16px;line-height:1.6;margin:0 0 32px;max-width:400px}.primary-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:16px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 28px;transition:all .3s ease}.primary-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.modal-overlay{padding:20px}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{margin-bottom:24px;padding:24px 24px 0}.modal-header h3{color:#1e293b;font-size:1.5rem}.close-button{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.close-button:hover{background:#e2e8f0;color:#475569}.modal-content{padding:0 24px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input,.form-textarea{border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;outline:none}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.modal-actions{border-top:1px solid #e2e8f0;margin-top:24px;padding:24px}.cancel-button{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.cancel-button:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.error-container,.loading-container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;justify-content:center;min-height:400px;text-align:center}.loading-spinner{border:4px solid #e2e8f0;margin-bottom:16px}.error-container p,.loading-container p{color:#64748b;font-size:16px;margin:0}.error-container h2{color:#1e293b;margin:0 0 8px}.error-icon{color:#ef4444;height:48px;margin-bottom:16px;width:48px}.retry-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:12px 24px;transition:all .3s ease}.retry-button:hover{background:#2563eb}.request-sub-tabs{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e180;border-radius:16px;box-shadow:0 2px 8px #0000000a,inset 0 1px 0 #fff9;display:flex;gap:3px;margin-bottom:28px;overflow:hidden;padding:6px;position:relative}.request-sub-tabs:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sub-tab-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:12px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:1}.sub-tab-button:before{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.sub-tab-button:hover{box-shadow:0 4px 12px #00000014;color:#1e293b;transform:translateY(-1px)}.sub-tab-button:hover:before{opacity:.08}.sub-tab-button.active{box-shadow:0 6px 20px #6366f14d,0 2px 8px #6366f133;color:#fff;transform:translateY(-1px)}.sub-tab-button.active:before{opacity:1}.sub-tab-button.active:hover{box-shadow:0 8px 25px #6366f166,0 4px 12px #6366f14d;transform:translateY(-2px)}.sub-tab-count{background:#ffffffe6;border:1px solid #ffffff4d;border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:var(--spacing-xl);padding:3px var(--spacing-sm);text-align:center;transition:all var(--transition-fast)}.sub-tab-button:not(.active) .sub-tab-count{background:var(--gradient-primary);box-shadow:inset 0 1px 2px #0000001a;color:var(--color-text-secondary)}.sub-tab-button.active .sub-tab-count{background:#ffffff40;box-shadow:var(--shadow-sm);color:#fff}.sub-tab-button:hover .sub-tab-count{transform:scale(1.05)}.request-section{margin-bottom:var(--spacing-5xl);padding:var(--spacing-2xl) 0}.request-section:last-child{margin-bottom:var(--spacing-2xl)}.request-section-title{border-bottom:2px solid var(--color-border-primary);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm)}.sub-tab-content{min-height:200px}.member-filters{flex-wrap:wrap;gap:var(--spacing-sm)}.filter-pill{background:var(--color-bg-secondary);border:1px solid #0000001a;border-radius:var(--radius-full);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.filter-pill.active{background:#dbeafe;border-color:#93c5fd}@media (max-width:768px){.friends-page{max-width:100vw;min-height:100svh;overflow-x:hidden;padding:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.friends-header{border-radius:var(--radius-xl);flex-wrap:wrap;margin-bottom:var(--spacing-md);max-width:100%;padding:var(--spacing-md) var(--spacing-lg)}.friends-header__content{flex-direction:row;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);max-width:100%;width:100%}.friends-header__icon{padding:var(--spacing-md)}.friends-header__icon svg{height:28px;width:28px}.friends-header h1{word-wrap:break-word;font-size:var(--font-size-4xl);overflow-wrap:break-word}.friends-header__text p{font-size:var(--font-size-base)}.add-action-container{display:flex;justify-content:flex-end;width:100%}.back-button{justify-self:start;min-height:44px}.add-friend-button{justify-self:end;min-height:44px}.friends-tabs{flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);overflow:visible;padding:var(--spacing-sm)}.tab-button{border-radius:var(--radius-lg);font-size:var(--font-size-base);min-height:44px;padding:var(--spacing-lg) var(--spacing-xl)}.tab-count{font-size:var(--font-size-sm);min-width:26px;padding:var(--spacing-xs) var(--spacing-md)}.friends-content{max-width:100%;padding:var(--spacing-lg)}.request-sub-tabs{flex-direction:column;gap:4px;padding:6px}.sub-tab-button{border-radius:12px;font-size:15px;padding:14px 18px}.sub-tab-count{font-size:12px;min-width:22px;padding:4px 10px}.friends-grid{gap:8px}.friends-grid,.requests-grid{display:flex;flex-direction:column;overflow:visible;padding:0;width:100%}.requests-grid{-webkit-overflow-scrolling:auto;gap:12px;scroll-snap-type:none}.friend-card-simple{width:100%}.friends-grid>*{height:auto;max-width:100%;width:100%}.squads-grid{gap:12px;grid-template-columns:1fr;padding:0;width:100%}.requests-grid>*,.squads-grid>*{height:auto;max-width:100%;width:100%}.requests-grid>*{flex:1 1 auto;scroll-snap-align:unset}.friend-card,.request-card{flex-direction:column;gap:16px;text-align:center}.friend-actions,.request-actions{justify-content:center;width:100%}.add-action-dropdown{left:auto;min-width:160px;right:0}.add-action-option{font-size:13px;padding:10px 14px}.modal{margin:20px;max-width:none}}@media (max-width:480px){.friends-page{padding:12px}.friends-header{border-radius:12px;padding:12px 16px}.friends-header__content{gap:.875rem}.friends-header__icon{padding:.75rem}.friends-header__icon svg{height:24px;width:24px}.friends-header h1{font-size:1.5rem}.friends-header__text p{font-size:.875rem}.friends-content{padding:16px}.tab-button{font-size:14px;padding:12px 14px}.tab-count{font-size:12px;padding:4px 8px}.empty-state{margin:12px 0;padding:48px 16px}.friend-info,.request-info{flex-direction:column;text-align:center}.friend-actions,.request-actions{flex-direction:column;width:100%}.action-button{justify-content:center;width:100%}}@media (min-width:1024px){.friends-grid{display:flex!important;flex-direction:column!important}.squads-grid{display:grid!important;grid-template-columns:1fr!important}}.friend-card{background:#fffffff2;border:2px solid var(--color-border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);box-sizing:border-box;max-width:100%;padding:var(--spacing-2xl);transition:all var(--transition-normal)}.friend-card:hover{border-color:var(--color-interactive-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.friend-card-simple{align-items:center;background:#fffffff2;border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);box-sizing:border-box;cursor:pointer;display:flex;gap:var(--spacing-md);max-width:100%;padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal);width:100%}.friend-card-simple:hover{border-color:var(--color-interactive-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.friend-card-header{align-items:center;display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);max-width:100%}.friend-avatar{border:3px solid var(--color-border-primary);border-radius:var(--radius-full);flex-shrink:0;height:64px;overflow:hidden;transition:all var(--transition-normal);width:64px}.friend-avatar.clickable{cursor:pointer}.friend-avatar.clickable:hover{border-color:var(--color-interactive-primary);box-shadow:var(--shadow-md);transform:scale(1.05)}.friend-avatar img{height:100%;object-fit:cover;width:100%}.friend-avatar-simple{border:2px solid var(--color-border-primary);border-radius:var(--radius-full);flex-shrink:0;height:48px;overflow:hidden;transition:all var(--transition-normal);width:48px}.friend-avatar-simple img{height:100%;object-fit:cover;width:100%}.friend-info{flex:1 1;min-width:0}.friend-name{word-wrap:break-word;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.friend-name.clickable{cursor:pointer}.friend-name.clickable:hover{color:var(--color-interactive-primary);text-decoration:underline}.friend-username{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0;overflow:hidden;text-overflow:ellipsis}.friend-info-simple{align-items:center;display:flex;flex:1 1;min-width:0;overflow:hidden}.friend-name-simple{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-bio-section{background:var(--color-bg-secondary);border-left:4px solid var(--color-interactive-primary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.friend-bio{word-wrap:break-word;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;line-height:var(--line-height-normal);margin:0;overflow-wrap:break-word}.friend-meta{margin-bottom:var(--spacing-xl)}.friend-since{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-sm)}.friend-since svg{color:#cbd5e1}.friend-actions{display:flex;gap:12px;justify-content:flex-end}.message-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.message-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.remove-button{background:linear-gradient(135deg,#ef4444,#dc2626)}.remove-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}.remove-friend-button{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;opacity:.7;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.remove-friend-button:hover{background:#dc2626;opacity:1;transform:scale(1.1)}@media (max-width:768px){.friend-card{padding:20px}.friend-card-header{gap:12px}.friend-avatar{height:56px;width:56px}.friend-name{font-size:18px}.friend-actions{flex-direction:column;gap:8px}.action-button{min-width:auto;width:100%}}@media (max-width:480px){.friend-card{padding:16px}.friend-card-header{flex-direction:column;gap:12px;text-align:center}.friend-info{text-align:center}.friend-actions{flex-direction:row;justify-content:center}.action-button{flex:1 1;min-width:0}}.friend-row{align-items:center;background:#fffffff2;border:1px solid #00000014;border:1px solid var(--color-border-primary,#00000014);border-radius:14px;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;padding:10px 14px;text-align:left;transition:border-color .15s,box-shadow .15s,transform .15s;width:100%}.friend-row:hover{border-color:#667eea;border-color:var(--color-interactive-primary,#667eea);box-shadow:0 4px 16px #667eea1f;transform:translateY(-1px)}.friend-row:focus-visible{outline:2px solid #667eea;outline:2px solid var(--color-interactive-primary,#667eea);outline-offset:2px}.friend-row__avatar{border:2px solid #00000014;border:2px solid var(--color-border-primary,#00000014);border-radius:50%;flex-shrink:0;height:44px;overflow:hidden;width:44px}.friend-row__avatar img{display:block;height:100%;object-fit:cover;width:100%}.friend-row__info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.friend-row__name{color:#1e293b;font-size:14px;font-weight:600;line-height:1.3}.friend-row__name,.friend-row__username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row__username{color:#94a3b8;font-size:12px;line-height:1.2}.friend-row__actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.friend-row__btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:background .15s,border-color .15s,color .15s,transform .15s;width:34px}.friend-row__btn--chat{background:#eff6ff;border-color:#bfdbfe;color:#3b82f6}.friend-row__btn--chat:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:scale(1.08)}.friend-row__btn--profile{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.friend-row__btn--profile:hover{background:#667eea;border-color:#667eea;color:#fff;transform:scale(1.08)}.pending-request-card{background:#fffffff2;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px;position:relative;transition:all .3s ease}.pending-request-card:hover{border-color:#10b981;box-shadow:0 8px 25px #10b98126;transform:translateY(-2px)}.pending-request-card:before{background:linear-gradient(90deg,#10b981,#059669);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.pending-request-card-simple{align-items:center;background:#fffffff2;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .3s ease}.pending-request-card-simple:hover{border-color:#10b981;box-shadow:0 4px 15px #10b98126;transform:translateY(-1px)}.pending-request-card-simple:before{background:linear-gradient(90deg,#10b981,#059669);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.request-avatar.clickable:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.request-name.clickable:hover{color:#10b981}.request-message-section{background:#f0fdf4;border-left:4px solid #10b981}.message-header{color:#059669}.status-badge.pending{background:#fef3c7;border:1px solid #fbbf24;color:#d97706}.accept-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.accept-button:hover{background:linear-gradient(135deg,#059669,#047857)}.decline-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.decline-button:hover{background:linear-gradient(135deg,#4b5563,#374151)}.request-actions-simple{align-items:center;display:flex;gap:8px}.accept-button-simple{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.accept-button-simple:hover{background:linear-gradient(135deg,#059669,#047857);transform:scale(1.1)}.decline-button-simple{align-items:center;background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.decline-button-simple:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:scale(1.1)}@media (max-width:768px){.pending-request-card{padding:20px}.request-card-header{gap:12px}.request-avatar{height:56px;width:56px}.request-name{font-size:18px}.request-meta{align-items:flex-start}.request-actions,.request-meta{flex-direction:column;gap:8px}.action-button{min-width:auto;width:100%}}@media (max-width:480px){.pending-request-card{padding:16px}.request-card-header{flex-direction:column;gap:12px;text-align:center}.request-info{text-align:center}.request-actions{flex-direction:row;justify-content:center}.action-button{flex:1 1;min-width:0}}.sent-request-card{background:#fffffff2;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000d;padding:24px;position:relative;transition:all .3s ease}.sent-request-card:hover{border-color:#f59e0b;box-shadow:0 8px 25px #f59e0b26;transform:translateY(-2px)}.sent-request-card:before{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.sent-request-card-simple{align-items:center;background:#fffffff2;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .3s ease}.sent-request-card-simple:hover{border-color:#f59e0b;box-shadow:0 4px 15px #f59e0b26;transform:translateY(-1px)}.sent-request-card-simple:before{background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.request-card-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.request-avatar{border:3px solid #e2e8f0;border-radius:50%;flex-shrink:0;height:64px;overflow:hidden;transition:all .3s ease;width:64px}.request-avatar.clickable{cursor:pointer}.request-avatar.clickable:hover{border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b4d;transform:scale(1.05)}.request-avatar img{height:100%;object-fit:cover;width:100%}.request-avatar-simple{border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;transition:all .3s ease;width:48px}.request-avatar-simple img{height:100%;object-fit:cover;width:100%}.request-info{flex:1 1;min-width:0}.request-name{color:#1e293b;font-size:20px;font-weight:700;line-height:1.2;margin:0 0 4px;transition:color .2s ease}.request-name.clickable{cursor:pointer}.request-name.clickable:hover{color:#f59e0b;text-decoration:underline}.request-username{color:#64748b;font-size:14px;font-weight:500;margin:0}.request-info-simple{flex:1 1;min-width:0}.request-name-simple{color:#1e293b;font-size:16px;font-weight:600;line-height:1.2;margin:0 0 2px}.request-username-simple{color:#64748b;font-size:13px;font-weight:500;margin:0}.request-message-section{background:#fffbeb;border-left:4px solid #f59e0b;border-radius:12px;margin-bottom:16px;padding:12px 16px}.message-header{align-items:center;color:#d97706;display:flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.request-message{color:#374151;font-size:14px;font-style:italic;line-height:1.5;margin:0}.request-meta{background:#f8fafc;border-radius:12px;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.request-date,.request-meta{align-items:center;display:flex}.request-date{color:#94a3b8;font-size:12px;font-weight:500;gap:8px}.request-date svg{color:#cbd5e1}.request-status,.status-badge{align-items:center;display:flex}.status-badge{border:1px solid;border-radius:20px;gap:6px;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.request-actions{display:flex;gap:12px;justify-content:flex-end}.action-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .3s ease}.action-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.cancel-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.cancel-button:hover{background:linear-gradient(135deg,#d97706,#b45309)}.request-status-simple,.status-badge-simple{align-items:center;display:flex}.status-badge-simple{border:1px solid;border-radius:12px;font-size:10px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.cancel-button-simple{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.cancel-button-simple:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:scale(1.1)}@media (max-width:768px){.sent-request-card{padding:20px}.request-card-header{gap:12px}.request-avatar{height:56px;width:56px}.request-name{font-size:18px}.request-meta{align-items:flex-start}.request-actions,.request-meta{flex-direction:column;gap:8px}.action-button{min-width:auto;width:100%}}@media (max-width:480px){.sent-request-card{padding:16px}.request-card-header{flex-direction:column;gap:12px;text-align:center}.request-info{text-align:center}.request-actions{flex-direction:row;justify-content:center}.action-button{flex:1 1;min-width:0}}.squad-invite-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:16px;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.squad-invite-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.squad-invite-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.squad-invite-header{align-items:center;display:flex;margin-bottom:20px}.squad-invite-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;margin-right:12px;overflow:hidden;width:48px}.squad-invite-avatar img{border-radius:12px;height:100%;object-fit:cover;width:100%}.squad-invite-info{flex:1 1}.squad-invite-name{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 4px}.squad-invite-meta{align-items:center;color:#64748b;display:flex;font-size:14px;gap:12px}.squad-invite-status{align-items:center;background:#f1f5f9;border-radius:20px;color:#475569;display:inline-flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.squad-invite-status.pending{background:#fef3c7;color:#d97706}.squad-invite-status.pending:before{content:"⏳";font-size:10px}.squad-invite-timestamp{color:#94a3b8;font-size:12px}.invited-friends-list{margin-top:16px}.invited-friends-header{color:#64748b;font-size:14px;font-weight:500;margin-bottom:12px}.invited-friend-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:all .2s ease}.invited-friend-item:last-child{margin-bottom:0}.invited-friend-item:hover{background:#f1f5f9;border-color:#cbd5e1}.invited-friend-info{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.invited-friend-avatar{align-items:center;background:linear-gradient(135deg,#64748b,#94a3b8);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.invited-friend-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.invited-friend-name{color:#374151;font-size:14px;font-weight:500;line-height:1.4;margin:0}.invited-friend-username{color:#6b7280;font-size:12px;line-height:1.3;margin-top:4px}.cancel-invite-btn{align-items:center;background:#fef2f2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.cancel-invite-btn:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c;transform:translateY(-1px)}.cancel-invite-btn:active{transform:translateY(0)}.cancel-invite-btn:before{content:"✕";font-size:10px;font-weight:700}.squad-invite-empty{color:#64748b;padding:40px 20px;text-align:center}.squad-invite-empty svg{margin-bottom:16px;opacity:.5}.squad-invite-empty h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.squad-invite-empty p{font-size:14px;margin:0}@media (max-width:768px){.squad-invite-card{padding:20px}.squad-invite-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:16px}.squad-invite-avatar{font-size:16px;height:40px;width:40px}.invited-friend-item{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.invited-friend-info{width:100%}.cancel-invite-btn{justify-content:center;padding:10px 16px;width:100%}}.squad-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;margin-bottom:16px;max-width:400px;overflow:hidden;padding:20px 24px 16px;position:relative;transition:all .2s ease;width:100%}.squad-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.squad-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.squad-card__header{align-items:center;display:flex;margin-bottom:20px}.squad-card__avatar{align-items:center;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:48px;justify-content:center;margin-right:16px;overflow:hidden;width:48px}.squad-card__avatar img{height:100%;object-fit:cover;width:100%}.squad-card__initials{font-size:18px;font-weight:700}.squad-card__info{flex:1 1}.squad-card__name{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.squad-card__description{margin-bottom:16px}.squad-card__description p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.squad-card__categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.squad-card__category{border:1px solid;border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;transition:all .2s ease}.squad-card__category:hover{transform:scale(1.05)}.squad-card__category-more{background:#f1f5f9;border-radius:12px;color:#94a3b8;font-size:12px;font-weight:500;padding:4px 8px}.squad-card__stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:12px}.squad-card__stat{align-items:center;color:#64748b;display:flex;font-size:14px;gap:6px}.squad-card__inviter{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:8px;margin:12px 0;padding:12px 0}.squad-card__inviter-label{color:#64748b;font-size:13px;font-weight:500}.squad-card__inviter-info{align-items:center;display:flex;gap:8px}.squad-card__inviter-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.squad-card__inviter-avatar--placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center}.squad-card__inviter-name{color:#1e293b;font-size:14px;font-weight:500}.squad-card__members-row{margin-bottom:12px}.squad-card__actions{display:flex;gap:12px;margin-bottom:0}.squad-card__action{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.squad-card__action--primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 12px #3b82f64d;color:#fff}.squad-card__action--primary:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.squad-card__action--secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.squad-card__action--secondary:hover{background:#f1f5f9;border-color:#cbd5e1;color:#374151;transform:translateY(-2px)}.squad-card__action--accept{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.squad-card__action--accept:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.squad-card__action--decline{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.squad-card__action--decline:hover{background:#f1f5f9;border-color:#cbd5e1;color:#374151;transform:translateY(-2px)}.squad-card__action--cancel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:12px;font-weight:500;padding:8px 16px;transition:all .2s ease}.squad-card__action--cancel:hover{background:#f1f5f9;color:#374151;transform:translateY(-1px)}.squad-card__action:disabled{cursor:not-allowed;opacity:.6;transform:none}.squad-card__invited-friends{margin-top:16px;width:100%}.squad-card__invited-friends-header{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:8px}.squad-card__invited-friend{align-items:center;background:#ffffff80;border:1px solid #fffc;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.squad-card__invited-friend:last-child{margin-bottom:0}.squad-card__invited-friend-info{align-items:center;display:flex;flex:1 1;gap:12px}.squad-card__invited-friend-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.squad-card__invited-friend-details{flex:1 1;min-width:0}.squad-card__invited-friend-name{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:2px}.squad-card__invited-friend-username{color:#64748b;font-size:12px}.squad-card--compact{min-height:120px;padding:16px}.squad-card--compact .squad-card__avatar{height:48px;width:48px}.squad-card--compact .squad-card__name{font-size:16px}.squad-card--detailed{min-height:320px;padding:28px}.squad-card--detailed .squad-card__avatar{height:72px;width:72px}.squad-card--detailed .squad-card__name{font-size:24px}.squad-card--detailed .squad-card__header{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:auto 1fr}.squad-card--detailed .squad-card__info{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr auto}@media (max-width:768px){.squad-card{max-width:100%;padding:20px}.squad-card__header{gap:12px}.squad-card__avatar{height:56px;width:56px}.squad-card__name{font-size:18px}.squad-card__actions{flex-wrap:wrap}.squad-card__action{height:36px;width:36px}.squad-card--detailed{min-height:240px;padding:20px}}@media (max-width:480px){.squad-card{max-width:100%;padding:16px}.squad-card__avatar{height:48px;width:48px}.squad-card__name{font-size:16px}.squad-card__categories{gap:6px}.squad-card__category{font-size:11px;padding:3px 8px}.squad-card__stats{flex-direction:column;gap:8px}}.squad-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.squad-card__action:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.squad-card.loading{opacity:.7;pointer-events:none}.squad-card.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#3b82f6;content:"";height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}.squad-card,.squad-card.squad-card--default,.squad-card.squad-card--received-invite,.squad-card.squad-card--sent-invite{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 2px 8px #0000000a!important}.squad-card .squad-card__name{color:#1e293b!important}.squad-card .squad-card__description p{color:#64748b!important}.squad-invite-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.squad-invite-pending:before{background:linear-gradient(90deg,#f59e0b,#f97316);opacity:1}.received-squad-invite-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:16px;overflow:hidden;padding:24px;position:relative;transition:all .2s ease}.received-squad-invite-card:hover{border-color:#cbd5e1;box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.received-squad-invite-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.received-squad-invite-header{align-items:center;display:flex;margin-bottom:20px}.received-squad-invite-avatar{align-items:center;border:2px solid #0000;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;margin-right:16px;overflow:hidden;width:48px}.received-squad-invite-avatar img{height:100%;object-fit:cover;width:100%}.received-squad-invite-initials{font-size:18px;font-weight:700}.received-squad-invite-info{flex:1 1}.received-squad-invite-name{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 8px}.received-squad-invite-meta{align-items:center;color:#64748b;display:flex;font-size:14px;gap:16px}.received-squad-invite-members{align-items:center;display:flex;gap:6px}.received-squad-invite-last-active{color:#94a3b8;font-size:12px}.received-squad-invite-description{margin-bottom:16px}.received-squad-invite-description p{color:#64748b;font-size:14px;line-height:1.5;margin:0}.received-squad-invite-categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.received-squad-invite-category-more{background:#f1f5f9;border-radius:12px;color:#94a3b8;font-size:12px;font-weight:500;padding:4px 8px}.received-squad-invite-stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:12px}.received-squad-invite-stat{align-items:center;color:#64748b;display:flex;font-size:14px;gap:6px}.received-squad-invite-actions{display:flex;gap:12px;margin-bottom:16px}.received-squad-invite-action{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.received-squad-invite-action--accept{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.received-squad-invite-action--accept:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 20px #10b98166;transform:translateY(-2px)}.received-squad-invite-action--decline{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.received-squad-invite-action--decline:hover{background:#f1f5f9;border-color:#cbd5e1;color:#374151;transform:translateY(-2px)}.received-squad-invite-action:disabled{cursor:not-allowed;opacity:.6;transform:none}.received-squad-invite-status{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px}.received-squad-invite-status-dot{border-radius:50%;height:8px;width:8px}.received-squad-invite-status-text{font-weight:500}@media (max-width:768px){.received-squad-invite-card{padding:20px}.received-squad-invite-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:16px}.received-squad-invite-avatar{font-size:16px;height:40px;margin-right:0;width:40px}.received-squad-invite-meta{align-items:flex-start;flex-direction:column;gap:8px}.received-squad-invite-actions{flex-direction:column}.received-squad-invite-action{width:100%}}.login-page{align-items:center;background:linear-gradient(135deg,#1e1b4b,#312e81 25%,#3730a3 50%,#4338ca 75%,#6366f1);bottom:0;box-sizing:border-box;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;margin:0;max-height:100vh;max-height:100dvh;min-height:100vh;min-height:100dvh;overflow:hidden;padding:2rem 1rem;position:fixed;right:0;top:0;width:100%}.App .login-page{margin-bottom:0;padding-bottom:0}body:has(.login-page){height:100vh;height:100dvh;margin:0;overflow:hidden;padding:0}.login-page:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.login-container{animation:slideUp .6s ease-out;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:1.5rem;box-shadow:none;flex-shrink:0;max-width:420px;padding:3rem 2.5rem;position:relative;width:100%;z-index:10}.login-header{margin-bottom:2.5rem;position:relative;text-align:center}.login-back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fffc;cursor:pointer;display:flex;height:2.5rem;justify-content:center;left:-1rem;position:absolute;top:-1rem;transition:all .2s ease;width:2.5rem;z-index:20}.login-back-btn:hover{background:#fff3;border-color:#fff6;color:#fff;transform:scale(1.05)}.login-back-btn:focus{box-shadow:0 0 0 3px #fff3;outline:none}.login-brand{margin-top:1rem}.login-brand h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a5b4fc,#c084fc);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.25rem;font-weight:800;line-height:1.2;margin-bottom:.75rem}.login-brand p{color:#fffc;font-size:1.125rem;font-weight:500;line-height:1.5;margin:0}.error-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef44441a;border:1px solid #ef44444d;border-radius:.75rem;color:#fca5a5}.login-form-container{margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form .form-field{margin-bottom:0}.login-form .form-field__label{color:#ffffffe6;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.login-form .form-field__input input{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a!important;border:1px solid #fff3;border-radius:.5rem;box-sizing:border-box;color:#fff!important;display:block;font-size:.875rem;padding:.75rem;transition:all .3s ease;width:100%}.login-form .form-field__input input:focus{background-color:#ffffff26!important;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-form .form-field__input input:not(:placeholder-shown){background-color:#ffffff1a!important;color:#fff!important}.login-form .form-field__input input:-webkit-autofill,.login-form .form-field__input input:-webkit-autofill:active,.login-form .form-field__input input:-webkit-autofill:focus,.login-form .form-field__input input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-color:#ffffff1a!important;-webkit-box-shadow:inset 0 0 0 30px #ffffff1a!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-form .form-field__input input::placeholder{color:#ffffff80}.login-form .form-field__input input:disabled{cursor:not-allowed;opacity:.5}.login-form .form-field__error{color:#fca5a5;font-size:.75rem;margin-top:.25rem}.login-submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.5rem;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem 1.5rem;transition:all .3s ease}.login-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.login-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{border-top:1px solid #fff3;margin-top:2rem;padding-top:1.5rem;text-align:center}.login-footer p{color:#fffc;font-size:.875rem;font-weight:500;margin:0}.link-text{color:#a5b4fc}.link-text:hover{color:#c084fc}.link-text:after{background:linear-gradient(135deg,#a5b4fc,#c084fc)}.login-social{margin-top:2rem;text-align:center}.login-social__divider{align-items:center;color:#fff9;display:flex;font-size:.875rem;font-weight:500;margin:1.5rem 0}.login-social__divider:after,.login-social__divider:before{background:#fff3;content:"";flex:1 1;height:1px}.login-social__divider span{padding:0 1rem}.login-social__buttons{display:flex;gap:1rem;justify-content:center}.social-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fffc;flex:1 1;max-width:140px;min-width:120px}.social-btn:hover:not(:disabled){background:#fff3;border-color:#fff6;color:#fff}@media (max-width:640px){.login-page{height:100dvh;max-height:100dvh;min-height:100dvh;padding:1rem}.login-container{border-radius:1rem;padding:2rem 1.5rem}.login-brand h1{font-size:2rem}.login-brand p{font-size:1rem}.login-back-btn{height:2rem;left:-.5rem;top:-.5rem;width:2rem}}@media (max-width:480px){.login-container{padding:1.5rem 1rem}.login-brand h1{font-size:1.75rem}.login-social__buttons{align-items:stretch;flex-direction:column}.social-btn{max-width:none;width:100%}}@media (prefers-contrast:high){.login-container{border:2px solid #fff}.login-form .form-field__input input{border-width:2px}}@media (prefers-reduced-motion:reduce){.error-message,.login-container,.login-page:before{animation:none}.link-text:after{transition:none}}.register-page{-webkit-font-smoothing:antialiased;align-items:center;background:#f5f3f8;display:flex;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.register-page:before{animation:reg-orb-drift 12s ease-in-out infinite;background:radial-gradient(circle,#7c3aed1a 0,#0000 70%);height:480px;right:-100px;top:-120px;width:480px}.register-page:after,.register-page:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.register-page:after{animation:reg-orb-drift 16s ease-in-out infinite reverse;background:radial-gradient(circle,#7c3aed12 0,#0000 70%);bottom:-80px;height:360px;left:-60px;width:360px}@keyframes reg-orb-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.04)}66%{transform:translate(-15px,20px) scale(.97)}}.register-container{animation:slideUp .5s cubic-bezier(.22,1,.36,1);background:#fff;border:1px solid #110e1a1a;border-radius:24px;box-shadow:0 1px 4px #110e1a14,0 16px 48px #110e1a1f;box-sizing:border-box;max-width:420px;overflow-x:hidden;padding:3rem 2.5rem;position:relative;width:100%;z-index:10}.register-header{margin-bottom:2.5rem;position:relative;text-align:center}.register-back-btn{align-items:center;background:#f5f3f8;border:1.5px solid #110e1a1f;border-radius:50%;color:#6e6882;cursor:pointer;display:flex;height:2.5rem;justify-content:center;left:-1rem;position:absolute;top:-1rem;transition:all .22s cubic-bezier(.22,1,.36,1);width:2.5rem;z-index:20}.register-back-btn:hover{background:#ede5fd;border-color:#7c3aed40;color:#7c3aed;transform:translateY(-2px)}.register-back-btn:focus{box-shadow:0 0 0 3px #7c3aed1f;outline:none}.register-brand{margin-top:1rem}.register-brand h1{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial;color:#110e1a;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.15;margin-bottom:.75rem}.register-brand h1 em{color:#7c3aed;font-style:italic}.register-brand p{color:#6e6882;font-size:1rem;font-weight:400;line-height:1.6;margin:0}.error-message{align-items:center;animation:shake .5s ease-in-out;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.error-message:before{content:"⚠️";font-size:1rem}.register-form-container{margin-bottom:2rem;overflow-x:hidden;width:100%}.register-form{display:flex;flex-direction:column;gap:1.5rem}.register-submit-btn{margin-top:.5rem}.register-container .form-field__label{color:#332e42;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-size:.88rem;font-weight:500}.register-container .form-field__input input,.register-container .form-field__input textarea{background-color:#fff!important;border:1.5px solid #110e1a1f;border-radius:10px;box-sizing:border-box;color:#110e1a!important;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-size:.95rem;max-width:100%;transition:border-color .2s ease,box-shadow .2s ease}.register-container .form-field__input input:focus,.register-container .form-field__input input:not(:placeholder-shown),.register-container .form-field__input textarea:focus,.register-container .form-field__input textarea:not(:placeholder-shown){background-color:#fff!important;color:#110e1a!important}.register-container .form-field__input input:-webkit-autofill,.register-container .form-field__input input:-webkit-autofill:active,.register-container .form-field__input input:-webkit-autofill:focus,.register-container .form-field__input input:-webkit-autofill:hover{-webkit-text-fill-color:#110e1a!important;background-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important;color:#110e1a!important}.register-container .form-field__input input::placeholder,.register-container .form-field__input textarea::placeholder{color:#a29db3!important}.register-container .form-field__input input:focus,.register-container .form-field__input textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f;outline-offset:0}.register-footer{border-top:1px solid #110e1a14;margin-top:2rem;padding-top:1.5rem;text-align:center}.register-footer p{color:#6e6882;font-size:.875rem;font-weight:500;margin:0}.link-text{color:#7c3aed;font-weight:600;position:relative;text-decoration:none;transition:all .2s ease}.link-text:hover{color:#6d28d9;text-decoration:none}.link-text:after{background:linear-gradient(90deg,#7c3aed,#a855f7);border-radius:100px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .2s ease;width:0}.link-text:hover:after{width:100%}@media (max-width:640px){.register-page{padding:1rem}.register-container{border-radius:16px;padding:2rem 1.5rem}.register-brand h1{font-size:2rem}.register-brand p{font-size:.95rem}.register-back-btn{height:2rem;left:-.5rem;top:-.5rem;width:2rem}.register-container .form-field__input input:focus,.register-container .form-field__input textarea:focus{box-shadow:0 0 0 2px #7c3aed1f}}@media (max-width:480px){.register-container{padding:1.5rem 1rem}.register-brand h1{font-size:1.75rem}.register-form-container{margin-left:-.25rem;margin-right:-.25rem;padding-left:.25rem;padding-right:.25rem}.register-container .form-field__input input,.register-container .form-field__input textarea{padding-left:.875rem;padding-right:.875rem}}@media (prefers-contrast:high){.register-container{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.error-message,.register-container,.register-page:after,.register-page:before{animation:none}.link-text:after{transition:none}}.invitation-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;display:flex;gap:16px;margin-bottom:24px;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.invitation-banner__icon{flex-shrink:0;font-size:2.5rem}.invitation-banner__content{color:#fff;flex:1 1}.invitation-banner__content h3{font-size:1.25rem;font-weight:700;margin:0 0 8px}.invitation-banner__content p{font-size:.95rem;margin:0;opacity:.95}.invitation-banner__message{background:#ffffff26;border-left:3px solid #fff6;border-radius:6px;font-style:italic;margin-top:8px!important;padding:8px 12px}.invitation-banner__actions{display:flex;flex-shrink:0;gap:12px}.invitation-banner__btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.invitation-banner__btn:disabled{cursor:not-allowed;opacity:.6}.invitation-banner__btn--accept{background:#fff;color:#667eea}.invitation-banner__btn--accept:hover:not(:disabled){background:#f0f0f0;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.invitation-banner__btn--decline{background:#fff3;border:2px solid #fff6;color:#fff}.invitation-banner__btn--decline:hover:not(:disabled){background:#ffffff4d;border-color:#fff9}.invitation-banner--accepted{background:linear-gradient(135deg,#22c55e,#16a34a)}.invitation-banner--declined{background:linear-gradient(135deg,#6b7280,#4b5563)}@media (max-width:768px){.invitation-banner{flex-direction:column;padding:16px;text-align:center}.invitation-banner__actions{flex-direction:column;width:100%}.invitation-banner__btn{width:100%}}.detail-page-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding-bottom:20px;padding-top:8px}.detail-page-header--divider{border-bottom:1px solid #e2e8f0}.detail-page-header__top-row{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.detail-page-header__back-button{flex-shrink:0}.detail-page-header__actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.detail-page-header__title{align-items:center;display:flex;font-size:24px;font-weight:700;gap:8px;line-height:1.3;margin-top:4px;min-width:0;width:100%}.detail-page-header__icon{align-items:center;display:flex;flex-shrink:0}.detail-page-header__title-text{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:769px){.detail-page-header{align-items:center;flex-direction:row;gap:16px}.detail-page-header__top-row{display:none}.detail-page-header__back-button--desktop{display:block;flex-shrink:0}.detail-page-header__actions--desktop{display:flex;flex-shrink:0;gap:12px}.detail-page-header__title{flex:1 1;font-size:28px;margin-top:0}}@media (max-width:768px){.detail-page-header__actions--desktop,.detail-page-header__back-button--desktop{display:none}.detail-page-header{gap:20px;padding-bottom:20px;padding-top:calc(8px + env(safe-area-inset-top, 0px))}.detail-page-header__top-row{align-items:center;display:flex;width:100%}.detail-page-header__back-button{flex-shrink:0}.detail-page-header__back-button button{min-height:44px;min-width:44px;padding:10px 12px}.detail-page-header__back-button button span{align-items:center;display:inline-flex;gap:6px}.detail-page-header__actions{flex-shrink:0;gap:8px;margin-left:auto}.detail-page-header__actions button{font-size:14px;min-height:44px;min-width:44px;padding:10px 14px;white-space:nowrap}.detail-page-header__title{font-size:22px;font-weight:700;line-height:1.4;margin-top:0;padding:0;width:100%}.detail-page-header__title-text{word-wrap:break-word;display:block;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;white-space:normal}}@media (max-width:480px){.detail-page-header{gap:16px;padding-bottom:16px;padding-top:calc(4px + env(safe-area-inset-top, 0px))}.detail-page-header__top-row{gap:8px}.detail-page-header__back-button button{font-size:13px;min-height:40px;min-width:40px;padding:8px 10px}.detail-page-header__title{font-size:20px;line-height:1.4}.detail-page-header__actions{gap:6px}.detail-page-header__actions button{font-size:13px;min-height:40px;min-width:40px;padding:8px 12px}.detail-page-header__actions button span{align-items:center;display:inline-flex;gap:4px}}.activity-details-grid{grid-gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px}.categories-skill-inline{background:#0000;border:none;grid-column:1/-1;padding:0}.categories-skill-inline .categories-edit,.categories-skill-inline .categories-list{display:flex;flex-wrap:wrap;gap:8px}.activity-details-container .activity-details-grid .activity-meta,.activity-details-grid .activity-meta,.activity-details-page .activity-details-grid .activity-meta{grid-gap:8px;background:#0000;border:none;display:grid!important;flex-shrink:0;gap:8px;grid-auto-flow:row;grid-column:1/-1;grid-template-columns:1fr 1fr!important;margin-bottom:8px;margin-left:0!important;padding:0;width:100%}.activity-details-grid .activity-meta .meta-item--location{grid-column:1/-1}.activity-details-grid .activity-meta .meta-item--participants{grid-column:1/2;justify-content:flex-start!important}.activity-details-grid .activity-meta .meta-item--gender{grid-column:2/3;justify-content:flex-start!important}.activity-details-grid .meta-item{align-items:center;background:#0000;border-bottom:1px solid #e2e8f0;border-radius:0;box-sizing:border-box;color:#0f172a!important;display:flex;flex-shrink:0;font-size:.8rem;gap:4px;min-width:0;padding:6px 8px;text-align:left}.activity-details-grid .meta-item>span{color:#0f172a!important;flex:1 1;min-width:0;text-align:left}.activity-details-grid .meta-item>.meta-icon{flex:0 0 16px!important;flex-grow:0!important;flex-shrink:0!important;max-width:16px!important;min-width:16px!important;width:16px!important}.activity-details-grid .meta-icon{box-sizing:border-box;color:#64748b!important;display:inline-block;flex-basis:auto;flex-grow:0;flex-shrink:0;font-size:16px;height:16px;line-height:1;margin:0;max-width:16px;min-width:16px;opacity:.7;overflow:hidden;padding:0;text-align:center;vertical-align:middle;white-space:nowrap;width:16px}.activity-details-grid .meta-icon svg{height:16px;opacity:.7;width:16px}.meta-item--editing{border-bottom:1px solid #e2e8f0}.meta-item-edit-content{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.meta-item-input{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#0f172a;flex:1 1 auto;font-size:.8rem;min-width:0;outline:none;padding:4px 8px;transition:all .2s ease}.meta-item-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.meta-item-input:disabled{cursor:not-allowed;opacity:.5}.meta-item-tbd-checkbox{align-items:center;color:#0f172a;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;gap:4px;white-space:nowrap}.meta-item-tbd-checkbox input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary-color,#3b82f6);height:12px;width:12px}.meta-item-suffix{color:#94a3b8;flex-shrink:0;font-size:.75rem;white-space:nowrap}.detail-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:12px}.detail-item>div{flex:1 1 auto;min-width:0}.detail-item svg{color:#64748b;flex-shrink:0}.detail-label{color:#64748b;font-size:.875rem;font-weight:500;letter-spacing:.01em;margin:0 0 2px}.detail-label,.detail-value{font-family:DM Sans,Helvetica Neue,Arial,sans-serif}.detail-value{color:#0f172a;font-size:1rem;font-weight:600;margin:0}.inline-edit-field{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;width:100%}.inline-edit-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-sizing:border-box;color:#0f172a;flex:1 1 auto;font-size:.9rem;max-width:100%;min-width:0;outline:none;padding:8px 12px;transition:all .2s ease;width:100%}.inline-tbd-checkbox{flex:0 0 auto}@media (max-width:480px){.inline-edit-field{gap:8px}}.inline-edit-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.inline-edit-input:disabled{cursor:not-allowed;opacity:.5}.inline-tbd-checkbox{align-items:center;color:#0f172a;cursor:pointer;display:flex;font-size:.85rem;gap:6px;white-space:nowrap}.inline-tbd-checkbox input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary-color,#3b82f6);height:14px;width:14px}.inline-edit-suffix{color:#94a3b8;font-size:.85rem;white-space:nowrap}@media (max-width:768px){.activity-details-grid{gap:12px;padding:16px}.detail-item{padding:10px}.inline-edit-field{align-items:stretch;flex-direction:column;gap:8px}.inline-edit-input{min-width:0;min-width:auto}}@media (max-width:480px){.activity-details-grid{padding:12px}.detail-item{flex-direction:column;gap:8px;padding:8px;text-align:center}.detail-item svg{align-self:center}.inline-tbd-checkbox{justify-content:center}.activity-details-container .activity-details-grid .activity-meta,.activity-details-grid .activity-meta,.activity-details-page .activity-details-grid .activity-meta{gap:6px;grid-template-columns:1fr;margin-left:0!important}.meta-item--date,.meta-item--gender,.meta-item--location,.meta-item--participants,.meta-item--time{grid-column:1/-1}.activity-details-grid .meta-item{color:#0f172a!important;font-size:.75rem;padding:8px 6px}.activity-details-grid .meta-item>span{color:#0f172a!important}.meta-item-edit-content{align-items:stretch;flex-direction:column;gap:6px}.meta-item-input{width:100%}.meta-item-tbd-checkbox{justify-content:flex-start}}.activity-description{-webkit-line-clamp:none!important;line-clamp:none!important;-webkit-box-orient:unset!important;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:block!important;max-height:none!important;overflow:visible!important;padding:20px;text-overflow:clip!important}.activity-description h3{color:#0f172a;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0 0 12px}.activity-description p{-webkit-line-clamp:none!important;line-clamp:none!important;-webkit-box-orient:unset!important;color:#475569;display:block!important;font-size:1rem;font-weight:300;line-height:1.7;margin:0;max-height:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}.activity-description-edit{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-family:inherit;font-size:1rem;min-height:100px;outline:none;padding:12px 16px;resize:vertical;transition:all .2s ease;width:100%}.activity-description-edit:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.activity-actions__edit-button{background-color:#10b981!important;border-color:#10b981!important;color:#fff!important}.activity-actions__edit-button:hover{background-color:#059669!important;border-color:#059669!important}.activity-actions__edit-button:active{background-color:#047857!important;border-color:#047857!important}.activity-actions{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between;max-width:100%;padding:12px;width:100%}.activity-actions button{font-size:.875rem;min-height:36px;padding:8px 12px}@media (max-width:768px){.activity-actions{align-items:center;flex-direction:row;flex-wrap:nowrap;gap:6px;padding:10px}.activity-actions button{flex:1 1;font-size:.8125rem;max-width:none;min-height:32px;min-width:0;padding:6px 10px;text-align:center;white-space:nowrap}}.member-card{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.member-card:hover{background:#ffffff1f;border-color:#ffffff2e}.member-avatar{flex-shrink:0;position:relative}.member-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}.member-avatar-fallback{align-items:center;background:#e2e8f0;border-radius:50%;color:#475569;display:flex;height:40px;justify-content:center;width:40px}.member-avatar-fallback--hidden{display:none}.member-info{flex:1 1;min-width:0}.member-name{color:#0f172a;font-weight:600;margin:0}.member-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;margin-top:4px;opacity:.8}.role-chip{background:#ffffff14;border:1px solid #ffffff29;border-radius:9999px;font-weight:500;padding:2px 8px;text-transform:capitalize}.status-badge{border-radius:9999px;font-size:11px;font-weight:600;padding:2px 8px}.status-badge.status-pending{background:#eab30833;border:1px solid #eab30866;color:#92400e}.status-badge.status-accepted{background:#22c55e33;border:1px solid #22c55e66;color:#166534}.status-badge.status-declined{background:#ef444433;border:1px solid #ef444466;color:#991b1b}.squad-name-tag{color:#8b5cf6;font-size:11px;font-weight:500}.individual-tag{color:#6b7280;font-size:11px;font-style:italic}.host-tag{color:#3b82f6;font-size:11px;font-weight:600}.squad-tag{color:#8b5cf6;font-size:11px;font-weight:500}.squad-badge{background:#8b5cf6;border:2px solid #fff;border-radius:50%;bottom:-4px;box-shadow:0 2px 4px #0000001a;color:#fff;height:20px;justify-content:center;position:absolute;right:-4px;width:20px}.member-actions,.squad-badge{align-items:center;display:flex}.member-actions{gap:8px;margin-left:auto}@media (max-width:640px){.member-card{gap:10px;padding:10px}.member-avatar img,.member-avatar-fallback{height:36px;width:36px}.member-name{font-size:14px}.member-meta{font-size:11px}}.participants-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h3{color:#0f172a;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0}.section-header .btn{font-size:.875rem;min-height:2rem;padding:.5rem .875rem}.section-header .btn__icon,.section-header .btn__icon svg{height:14px;width:14px}.participants-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.loading-participants{align-items:center;color:#475569;display:flex;flex-direction:column;gap:8px;padding:20px}.loading-spinner{font-size:1.5rem}.no-participants{color:#64748b;font-style:italic;padding:20px;text-align:center}@media (max-width:640px){.section-header{align-items:flex-start;flex-direction:column;gap:8px}.participants-grid{grid-template-columns:1fr}}.edit-controls-sticky{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-top:1px solid #00000014;bottom:calc(64px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px #00000014;box-sizing:border-box;left:0;max-width:100vw;overflow-x:clip;padding:12px 16px;position:fixed;right:0;width:100%;z-index:1200}.edit-controls-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;justify-content:flex-end;margin:0 auto;max-width:100%;width:100%}.edit-controls-content .button{align-items:center;display:flex;gap:8px;justify-content:center;min-width:120px}@media (max-width:768px){.edit-controls-sticky{padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))}.edit-controls-content{flex-direction:row;gap:8px;justify-content:space-between;max-width:100%;width:100%}.edit-controls-content .button{flex:0 1 auto;min-width:0}}.image-display-container{overflow:hidden;position:relative;width:100%}.image-display-container.squad-cover{aspect-ratio:1/1;width:100%}.image-display{display:block;height:100%;width:100%}.image-display-placeholder{align-items:center;background:#e2e8f0;color:#475569;display:flex;flex-direction:column;justify-content:center;width:100%}.image-display-placeholder p{font-size:1.1rem;margin-bottom:0;margin-top:12px}.image-display-overlay{align-items:flex-start;bottom:0;display:flex;justify-content:flex-end;left:0;padding:12px;pointer-events:none;position:absolute;right:0;top:0}.host-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.host-card--clickable{cursor:pointer}.host-card--clickable:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.host-card--clickable:focus{outline:2px solid #3b82f680;outline-offset:2px}.host-card--clickable:active{transform:translateY(0)}.host-card--compact{gap:10px;padding:12px}.host-card--compact .host-card__avatar{height:40px;width:40px}.host-card--compact .host-card__name{font-size:1rem}.host-card--compact .host-card__subtitle{font-size:.8rem}.host-card--detailed{gap:16px;padding:20px}.host-card--detailed .host-card__avatar{height:60px;width:60px}.host-card__avatar{background:#e2e8f0;border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;position:relative;width:48px}.host-card__avatar img{height:100%;object-fit:cover;width:100%}.host-card__avatar-fallback{align-items:center;background:#e2e8f0;color:#475569;display:flex;height:100%;justify-content:center;width:100%}.host-card__avatar-fallback--hidden{display:none}.host-card__details{flex:1 1;min-width:0}.host-card__name{color:#0f172a;font-size:1.1rem;font-weight:700;margin:0 0 4px}.host-card__name,.host-card__subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-card__subtitle{color:#64748b;font-size:.875rem;margin:0}.host-card__link-icon{align-items:center;color:#64748b;display:flex;flex-shrink:0;justify-content:center}@media (max-width:640px){.host-card{gap:10px;padding:12px}.host-card__avatar{height:40px;width:40px}.host-card__name{font-size:1rem}.host-card__subtitle{font-size:.8rem}}@media (max-width:480px){.host-card.host-card--compact,.host-card.host-card--default,.host-card.host-card--detailed{flex-direction:row;text-align:left}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;max-height:80vh;max-width:500px;overflow-y:auto;padding:24px;width:90%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.share-options{display:flex;flex-direction:column;gap:12px;margin:16px 0}.share-options button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;padding:12px 16px;transition:all .2s ease}.share-options button:hover{background:#f1f5f9;border-color:#cbd5e1}.all-participants-list{max-height:400px;overflow-y:auto}.participant-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:12px}.participant-item:last-child{border-bottom:none}.participant-item .participant-avatar{align-items:center;background:#e2e8f0;border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.participant-item .participant-avatar img{height:100%;object-fit:cover;width:100%}.participant-info{flex:1 1}.participant-item .participant-name{color:#0f172a;font-size:1rem;font-weight:500;margin:0 0 4px}.participant-item .participant-join-date{color:#64748b;font-size:.875rem;margin:0}.category-selection{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}@media (max-width:768px){.modal-content{padding:16px;width:95%}.modal-actions{flex-direction:column}.share-options{gap:8px}}.participants-list{padding:16px}.participants-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.participants-header h3{color:#1a1a1a;font-size:18px;font-weight:600}.btn-add-participant{background:#007aff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.btn-add-participant:hover{background:#0051d5}.participant-group{border:1px solid #e5e5e5;border-radius:12px;margin-bottom:16px;overflow:hidden}.squad-group{background:#f0f7ff;border-color:#007aff}.individual-group{background:#f8f9fa;border-color:#e5e5e5}.group-header{align-items:center;background:#fff;cursor:pointer;display:flex;gap:8px;padding:12px 16px;transition:background .2s;-webkit-user-select:none;user-select:none}.group-header:hover{background:#f8f9fa}.group-icon{font-size:18px}.group-name{color:#1a1a1a;flex:1 1;font-weight:600}.member-count{color:#666;font-size:14px}.expand-icon{color:#666;transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.group-members{padding:8px}.participant-row{align-items:center;background:#fff;border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transition:background .2s}.participant-row:last-child{margin-bottom:0}.participant-row:hover{background:#f8f9fa}.participant-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.participant-name{color:#1a1a1a;flex:1 1;font-size:15px;font-weight:500}.participant-badge{background:#007aff;border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.btn-remove-participant{align-items:center;background:#ff3b30;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:opacity .2s;width:32px}.btn-remove-participant:hover:not(:disabled){opacity:.8}.btn-remove-participant:disabled{cursor:not-allowed;opacity:.5}.participants-empty-state{color:#666;padding:32px;text-align:center}.participants-empty-state p{font-size:15px}@media (max-width:768px){.participants-list{padding:8px}.participants-header{align-items:flex-start;flex-direction:column;gap:12px}.btn-add-participant{width:100%}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.add-participant-modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;position:relative;width:100%}.modal-close{align-items:center;background:#f1f3f5;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:32px;z-index:10}.modal-close:hover:not(:disabled){background:#e9ecef}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-header{border-bottom:1px solid #e9ecef;flex-shrink:0;padding:32px 24px 20px}.modal-header h2{color:#1a1a1a;font-size:24px;font-weight:700;margin-bottom:8px;margin-right:40px}.modal-header p{color:#666;font-size:14px}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.mode-selection{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.mode-option{background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s}.mode-option:hover:not(:disabled){background:#f8fafc;border-color:#007aff}.mode-option.active{background:#f0f8ff;border-color:#007aff}.mode-option input[type=radio]{cursor:pointer;flex-shrink:0;height:18px;margin-top:4px;width:18px}.mode-option input[type=radio]:disabled{cursor:not-allowed}.mode-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.mode-content strong{color:#0f172a;font-size:16px;font-weight:600}.mode-content span{color:#64748b;font-size:14px}.invite-content{display:flex;flex-direction:column;gap:20px}.friends-list{border:1px solid #e2e8f0;border-radius:8px;max-height:300px;overflow-y:auto;padding:8px}.friend-checkbox-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:background .2s}.friend-checkbox-item:hover{background:#f8fafc}.friend-checkbox-item.selected{background:#f0f8ff}.friend-checkbox-item input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.friend-checkbox-item input[type=checkbox]:disabled{cursor:not-allowed}.friend-checkbox-item .friend-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.friend-checkbox-item .friend-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.friend-checkbox-item .friend-name{color:#1a1a1a;font-size:15px;font-weight:600}.friend-checkbox-item .friend-full-name{color:#666;font-size:13px}.message-field{display:flex;flex-direction:column;gap:8px}.message-field label{color:#0f172a;font-size:14px;font-weight:600}.message-field textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:border-color .2s,box-shadow .2s}.message-field textarea:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff1a;outline:none}.message-field textarea:disabled{background:#f8fafc;cursor:not-allowed;opacity:.6}.character-count{color:#64748b;font-size:12px;text-align:right}.empty-state,.loading{color:#666;padding:40px 32px;text-align:center}.empty-state p{margin:0}.error-message{background:#fee;border-radius:8px;color:#c00;font-size:14px;margin-top:12px;padding:12px}.share-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.share-content .share-info{color:#64748b;font-size:14px;line-height:1.6;margin:0;text-align:center}.modal-footer{border-top:1px solid #e9ecef;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-cancel,.btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.btn-cancel{background:#f1f3f5;color:#495057}.btn-cancel:hover:not(:disabled){background:#e9ecef}.btn-submit{background:linear-gradient(135deg,#007aff,#0051d5);color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #007aff66;transform:translateY(-2px)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.modal-overlay{padding:8px}.add-participant-modal{max-height:95vh;max-width:100%}.modal-header{padding:24px 16px 16px}.modal-header h2{font-size:20px}.modal-body{padding:16px}.mode-option{padding:12px}.mode-content strong{font-size:15px}.mode-content span{font-size:13px}.friends-list{max-height:250px}.friend-checkbox-item{padding:10px}.friend-checkbox-item .friend-avatar{height:36px;width:36px}.modal-footer{flex-direction:column-reverse;padding:12px 16px}.btn-cancel,.btn-submit{width:100%}}.friends-list::-webkit-scrollbar,.modal-body::-webkit-scrollbar{width:8px}.friends-list::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track{background:#f1f3f5;border-radius:4px}.friends-list::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.friends-list::-webkit-scrollbar-thumb:hover,.modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.activity-details-page{-webkit-font-smoothing:antialiased;background:#f8fafc;color:#0f172a;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;min-height:100vh;overflow-x:hidden;padding:20px 20px 84px}.activity-details-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 24px #0000000f;box-sizing:border-box;margin:0 auto;max-width:1200px;overflow-x:hidden;padding:24px;width:100%}.activity-content{display:flex;flex-direction:column;gap:8px}.activity-tbd-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:24px 0;padding:20px}.error-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;text-align:center}.error-container h2{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0}.error-container p{color:#475569;font-size:1rem;margin:0}.loading-container h2{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0}.loading-container .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:9999px;border-top-color:#3b82f6;height:48px;width:48px}.activity-about-header{color:#0f172a;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:18px;font-weight:700;letter-spacing:-.02em;margin:0}.not-found-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;text-align:center}.not-found-container h2{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0}.not-found-container p{color:#475569;font-size:1rem;margin:0}@media (max-width:768px){.activity-details-page{padding:12px 12px 68px}.activity-details-container{border-radius:12px;padding:16px}}@media (max-width:480px){.activity-details-page{padding:8px 8px 64px}.activity-details-container{border-radius:8px;padding:12px}}.external-event-banner{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:20px}.external-event-content{align-items:flex-start;display:flex;gap:16px;margin-bottom:12px}.external-event-badge{align-items:center;background-color:#0284c7;border-radius:20px;display:inline-flex;flex-shrink:0;gap:6px;padding:6px 12px}.badge-icon{font-size:16px}.badge-text{color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.external-event-info{flex:1 1}.external-event-description{color:#0c4a6e;font-size:14px;font-weight:500;margin:0 0 8px}.external-event-link{align-items:center;border-radius:6px;color:#0284c7;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:4px 8px;text-decoration:none;transition:all .2s}.external-event-link:hover{background-color:#0284c71a;color:#0369a1}.link-text{text-decoration:underline}.external-event-note{border-top:1px solid #bae6fd;color:#475569;font-size:12px;line-height:1.4;margin:12px 0 0;padding-top:12px}@media (max-width:768px){.external-event-banner{padding:16px}.external-event-content{flex-direction:column;gap:12px}.external-event-badge{align-self:flex-start}}body.chat-page-active{height:100%}.chat-page,body.chat-page-active{overflow:hidden;position:fixed;width:100%}.chat-page{-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f8fafc,#e2e8f0);bottom:calc(64px + env(safe-area-inset-bottom));color:#1f2937;display:flex;flex-direction:column;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;height:calc(100vh - 64px - env(safe-area-inset-bottom));left:0;max-height:calc(100vh - 64px - env(safe-area-inset-bottom));right:0;top:0;z-index:1000}.chat-page>.chat-header{flex-shrink:0;position:relative;z-index:100}.chat-page__messages{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px 20px 100px;scroll-behavior:smooth}.chat-page__messages-list{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.chat-page__date-separator{align-items:center;color:#64748b;display:flex;font-size:12px;justify-content:center}.chat-page__date-separator span{background:#f1f5f9;border-radius:12px;padding:4px 10px}.chat-page__scroll-bottom{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;bottom:92px;box-shadow:0 6px 20px #00000014;color:#1f2937;cursor:pointer;display:flex;gap:8px;padding:8px 12px;position:fixed;right:16px;z-index:50}.chat-page__loading-messages{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;height:200px;justify-content:center}.loading-spinner{border:3px solid #00000014;border-top-color:#60a5fa}.chat-page__empty-messages{color:#94a3b8;font-style:italic}.chat-page__empty-messages,.chat-page__error{align-items:center;display:flex;height:200px;justify-content:center}.chat-page__error{color:#f87171;flex-direction:column;gap:16px;padding:20px;text-align:center}.chat-page__error h3{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin:0}.chat-page__error p{line-height:1.5;margin:0;opacity:.8}.chat-page__error button{background:#f871711a;border:1px solid #f871714d;border-radius:8px;color:#f87171;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.chat-page__error button:hover{background:#f8717133;border-color:#f8717166}.chat-page--no-access{align-items:center;display:flex;height:100vh;justify-content:center}.chat-page__no-access{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:400px;padding:40px;text-align:center}.chat-page__no-access h3{color:#f87171;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 16px}.chat-page__no-access p{color:#64748b;line-height:1.5;margin:0 0 24px}@media (max-width:768px){.chat-page__messages{padding:16px 16px 90px}.chat-page__messages-list{gap:12px;padding-bottom:16px}.chat-page__empty-messages,.chat-page__loading-messages{height:150px}.chat-page__error{height:150px;padding:16px}.chat-page__no-access{margin:20px;padding:24px}}@media (max-width:480px){.chat-page__messages{padding:12px 12px 80px}.chat-page__messages-list{gap:10px;padding-bottom:12px}.chat-page__scroll-bottom{bottom:80px;right:12px}.loading-spinner{border-width:2px;height:32px;width:32px}.chat-page__error h3{font-size:1.1rem}.chat-page__no-access h3{font-size:1.3rem}}.chat-page__messages::-webkit-scrollbar{width:6px}.chat-page__messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.chat-page__messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-page__messages::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.chat-list-filters{box-sizing:border-box;margin-bottom:24px;width:100%}.chat-list-filters__search{display:flex;flex-direction:column;gap:8px}.chat-list-filters__search-form{align-items:center;display:flex;position:relative;width:100%}.chat-list-filters__search-icon{color:#9ca3af;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.chat-list-filters__search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:15px;padding:14px 48px;transition:all .2s ease;width:100%}.chat-list-filters__search-input::placeholder{color:#9ca3af}.chat-list-filters__search-input:focus{background:#fafbfc;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f614;outline:none}.chat-list-filters__search-clear{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:2}.chat-list-filters__search-clear:hover{background:#e5e7eb;color:#374151}.chat-list-filters__results{align-items:center;display:flex;padding:0 4px}.chat-list-filters__results-count{color:#6b7280;font-size:13px;font-weight:500}@media (max-width:768px){.chat-list-filters{margin-bottom:20px}.chat-list-filters__search-input{font-size:14px;padding:12px 44px}.chat-list-filters__search-icon{left:14px}.chat-list-filters__search-clear{right:12px}}@media (max-width:480px){.chat-list-filters{margin-bottom:16px}.chat-list-filters__search-input{border-radius:10px;font-size:14px;padding:12px 40px}.chat-list-filters__search-icon{left:12px}.chat-list-filters__search-clear{right:10px}.chat-list-filters__results-count{font-size:12px}}.chat-list-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;min-height:80px;padding:16px;position:relative;transition:all .2s ease}.chat-list-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-1px)}.chat-list-item--unread{background:#f8fafc;border-color:#3b82f6}.chat-list-item--unread:before{background:#3b82f6;border-radius:12px 0 0 12px;bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.chat-list-item--squad{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;border-left:4px solid #8b5cf6}.chat-list-item--squad:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf626}.chat-list-item--squad.chat-list-item--unread{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#8b5cf6 #8b5cf6 #8b5cf6 #3b82f6}.chat-list-item--squad.chat-list-item--unread:before{background:#3b82f6}.chat-list-item--squad:after{background:#8b5cf6;border-radius:12px;color:#fff;content:"Squad";font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;position:absolute;right:8px;text-transform:uppercase;top:8px}.chat-list-item__image{flex-shrink:0;position:relative}.chat-list-item__main-image{border-radius:12px;display:block;height:60px;object-fit:cover;width:60px}.chat-list-item__image-placeholder{background:#f3f4f6;color:#9ca3af;height:60px;width:60px}.chat-list-item__fallback-letter,.chat-list-item__image-placeholder{align-items:center;border-radius:12px;display:flex;justify-content:center}.chat-list-item__fallback-letter{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:24px;font-weight:700;height:100%;width:100%}.chat-list-item__unread-badge{background:#ef4444;border:2px solid #fff;border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:-4px;text-align:center;top:-4px;z-index:1}.chat-list-item__content{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:0}.chat-list-item__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.chat-list-item__title{color:#374151;flex:1 1;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:600;line-height:1.3;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-item__time{min-width:-webkit-fit-content;min-width:fit-content}.chat-list-item__host-badge{background:#10b981;border-radius:6px;color:#fff;flex-shrink:0;font-size:10px;font-weight:600;padding:2px 6px}.chat-list-item__meta{align-items:center;display:flex;flex-shrink:0;gap:8px}.chat-list-item__arrow{color:#9ca3af;flex-shrink:0;height:16px;width:16px}.chat-list-item__arrow svg{display:block;height:16px;width:16px}.chat-list-item__time{color:#6b7280;flex-shrink:0;font-size:12px;white-space:nowrap}.chat-list-item__subtitle{margin-top:2px}.chat-list-item__last-message-text{color:#6b7280;display:block;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-item__last-message-text--own{color:#374151;font-weight:500}@media (max-width:768px){.chat-list-item{gap:12px;min-height:80px;padding:12px}.chat-list-item__image{flex-basis:50px;flex-shrink:0;width:50px}.chat-list-item__image-placeholder,.chat-list-item__main-image{height:50px;width:50px}.chat-list-item__fallback-letter{font-size:20px}.chat-list-item__title{font-size:16px}.chat-list-item__last-message-text{font-size:13px}.chat-list-item__time{font-size:11px}}@media (max-width:480px){.chat-list-item{gap:10px;min-height:70px;padding:10px}.chat-list-item__image{flex-basis:45px;flex-shrink:0;width:45px}.chat-list-item__image-placeholder,.chat-list-item__main-image{height:45px;width:45px}.chat-list-item__fallback-letter{font-size:18px}.chat-list-item__title{font-size:15px}.chat-list-item__last-message-text{font-size:12px}.chat-list-item__time{font-size:10px}}.chat-list-item__last-message-text{color:#9ca3af;font-weight:400}.chat-list-item--unread .chat-list-item__title{color:#111827;font-weight:700}.chat-list-item--unread .chat-list-item__last-message-text{color:#374151;font-weight:600}.empty-state{box-sizing:border-box;flex-direction:column;max-width:100%;min-height:400px;overflow-x:hidden;padding:40px 20px;text-align:center;width:100%}.empty-state,.empty-state__icon{align-items:center;display:flex;justify-content:center}.empty-state__icon{color:#64748b;margin-bottom:16px;opacity:.6}.empty-state--filtered .empty-state__icon{color:#3b82f6;opacity:.8}.empty-state__title{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0 0 8px}.empty-state__description{box-sizing:border-box;color:#475569;font-size:1rem;line-height:1.5;margin:0 0 24px;max-width:500px;padding:0;width:100%}.empty-state__actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.empty-state__action{align-items:center;display:flex;gap:8px}@media (max-width:640px){.empty-state{max-width:100vw;min-height:300px;padding:32px 16px;width:100%}.empty-state__title{box-sizing:border-box;font-size:1.25rem;padding:0 8px}.empty-state__description{box-sizing:border-box;font-size:.875rem;padding:0 8px}.empty-state__actions{flex-direction:column;padding:0 8px}.empty-state__action,.empty-state__actions{box-sizing:border-box;max-width:100%;width:100%}}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-weight:600;justify-content:center;vertical-align:middle;white-space:nowrap}.badge--sm{font-size:.6875rem;height:16px;line-height:1;min-width:16px;padding:0 4px}.badge--md{font-size:.75rem;height:20px;line-height:1;min-width:20px;padding:0 6px}.badge--lg{font-size:.8125rem;height:24px;line-height:1;min-width:24px;padding:0 8px}.badge--default{background:#e2e8f0;color:#475569}.badge--primary{background:#3b82f6;color:#fff}.badge--success{background:#10b981;color:#fff}.badge--warning{background:#f59e0b;color:#fff}.badge--danger{background:#ef4444;color:#fff}.badge--info{background:#06b6d4;color:#fff}.badge--dot{border-radius:50%;height:8px;min-width:8px;padding:0;width:8px}.badge--dot.badge--sm{height:6px;min-width:6px;width:6px}.badge--dot.badge--md{height:8px;min-width:8px;width:8px}.badge--dot.badge--lg{height:10px;min-width:10px;width:10px}@media (max-width:640px){.badge--sm{font-size:.625rem;height:14px;min-width:14px;padding:0 3px}.badge--md{font-size:.6875rem;height:18px;min-width:18px;padding:0 5px}.badge--lg{font-size:.75rem;height:22px;min-width:22px;padding:0 6px}}.new-message-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.new-message-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:100%}.new-message-modal__header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.new-message-modal__header h2{color:#0f172a;font-size:20px;font-weight:700;margin:0}.new-message-modal__close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.new-message-modal__close:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.new-message-modal__close:disabled{cursor:not-allowed;opacity:.5}.new-message-modal__search{border-bottom:1px solid #e2e8f0;padding:16px 24px;position:relative}.new-message-modal__search-icon{color:#94a3b8;left:36px;position:absolute;top:50%;transform:translateY(-50%)}.new-message-modal__search input{border:2px solid #e2e8f0;border-radius:12px;font-size:15px;padding:12px 12px 12px 40px;transition:all .2s;width:100%}.new-message-modal__search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.new-message-modal__search input:disabled{background:#f8fafc;cursor:not-allowed}.new-message-modal__content{flex:1 1;min-height:300px;overflow-y:auto}.new-message-modal__loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 24px}.new-message-modal__loading p{font-size:15px;margin-top:16px}.new-message-modal__empty{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.new-message-modal__empty svg{margin-bottom:16px;opacity:.5}.new-message-modal__empty h3{color:#0f172a;font-size:18px;font-weight:600;margin:0 0 8px}.new-message-modal__empty p{font-size:14px;margin:0}.new-message-modal__friends-list{padding:8px}.new-message-modal__friend-item{align-items:center;background:#fff;border:none;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;text-align:left;transition:all .2s;width:100%}.new-message-modal__friend-item:hover:not(:disabled){background:#f8fafc}.new-message-modal__friend-item:disabled{cursor:not-allowed;opacity:.6}.new-message-modal__friend-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.new-message-modal__friend-avatar img{height:100%;object-fit:cover;width:100%}.new-message-modal__friend-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.new-message-modal__friend-name{color:#0f172a;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-message-modal__friend-username{color:#64748b;font-size:14px}.animate-spin{animation:spin 1s linear infinite}.new-message-modal__content::-webkit-scrollbar{width:8px}.new-message-modal__content::-webkit-scrollbar-track{background:#f1f5f9}.new-message-modal__content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.new-message-modal__content::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (max-width:768px){.new-message-modal-overlay{padding:0}.new-message-modal{border-radius:0;height:100vh;max-height:100vh;max-width:100%}.new-message-modal__header{padding:16px 20px}.new-message-modal__search{padding:12px 20px}.new-message-modal__friends-list{padding:8px 12px}}.chat-list-page{-webkit-font-smoothing:antialiased;background:var(--color-bg-primary);box-sizing:border-box;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);overflow-x:hidden;padding:var(--spacing-xl);width:100%}.chat-list-page__header{border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.chat-list-page__header-top{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:var(--spacing-xl)}.chat-list-page__header-left,.chat-list-page__title{align-items:center;display:flex;gap:var(--spacing-md)}.chat-list-page__title{color:var(--color-text-primary);font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:-.02em;margin:0}.chat-list-page__title svg{color:var(--color-interactive-primary)}.chat-list-page__unread-badge{background:var(--color-error);border-radius:var(--radius-lg);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);min-width:var(--spacing-2xl);padding:var(--spacing-xs) var(--spacing-md);text-align:center}.chat-list-page__new-message-btn{align-items:center;background:var(--gradient-header-blue);border:none;border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);justify-content:center;min-height:44px;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-fast)}.chat-list-page__new-message-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:var(--shadow-md);transform:translateY(-1px)}.chat-list-page__new-message-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.chat-list-page__new-message-btn svg{flex-shrink:0}.chat-list-page__new-message-text{font-weight:var(--font-weight-semibold)}.chat-list-page__content{box-sizing:border-box;display:flex;flex-direction:column;gap:16px;max-width:100%;overflow-x:hidden;width:100%}.chat-list-page__list{display:flex;flex-direction:column;gap:12px}.chat-list-page__load-more{display:flex;justify-content:center;padding:20px 0}.chat-list-page__load-more-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.chat-list-page__load-more-btn:hover{background:#2563eb}.chat-list-page__load-more-btn:disabled{cursor:not-allowed;opacity:.5}.chat-list-page__load-more-btn .spinning{animation:spin 1s linear infinite}.chat-list-page__pagination-info{border-top:1px solid #e5e7eb;color:#6b7280;font-size:14px;padding:16px 0;text-align:center}.chat-list-page--error{align-items:center;display:flex;justify-content:center;min-height:400px}.chat-list-page__error{max-width:400px;text-align:center}.chat-list-page__error h2{color:#1a1a1a;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}.chat-list-page__error p{color:#6b7280;margin-bottom:24px}.chat-list-page__retry-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 auto;padding:12px 24px;transition:all .2s ease}.chat-list-page__retry-btn:hover{background:#2563eb}.chat-list-page__retry-btn:disabled{cursor:not-allowed;opacity:.5}.chat-list-page__retry-btn .spinning{animation:spin 1s linear infinite}@media (max-width:768px){.chat-list-page{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:var(--spacing-lg);width:100%}.chat-list-page__title{font-size:var(--font-size-3xl)}.chat-list-page__title svg{height:24px;width:24px}.chat-list-page__header-top{margin-bottom:var(--spacing-lg)}.chat-list-page__new-message-btn{font-size:var(--font-size-sm);min-height:44px;padding:var(--spacing-md) var(--spacing-lg)}.chat-list-page__content{box-sizing:border-box;max-width:100%;width:100%}}@media (max-width:480px){.chat-list-page{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:var(--spacing-md);width:100%}.chat-list-page__title{word-wrap:break-word;font-size:var(--font-size-2xl);overflow-wrap:break-word}.chat-list-page__title svg{height:22px;width:22px}.chat-list-page__unread-badge{font-size:var(--font-size-xs);padding:3px var(--spacing-sm)}.chat-list-page__new-message-btn{border-radius:var(--radius-full);height:44px;padding:var(--spacing-md);width:44px}.chat-list-page__new-message-text{display:none}.chat-list-page__content{box-sizing:border-box;max-width:100%;padding:0;width:100%}}.chat-list-page__loading-container{display:flex;flex-direction:column;gap:24px;padding:20px 0}.chat-list-page__loading-header{display:flex;flex-direction:column;gap:16px;margin-bottom:8px}.chat-list-page__loading-search{max-width:400px;width:100%}.chat-list-page__loading-filters{display:flex;flex-wrap:wrap;gap:12px}.chat-list-page__loading-chats{display:flex;flex-direction:column;gap:16px}.chat-list-page__loading-card{align-items:flex-start;animation:pulse 1.5s ease-in-out infinite;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;padding:20px;transition:all .2s ease}.chat-list-page__loading-card:nth-child(2n){animation-delay:.2s}.chat-list-page__loading-card:nth-child(3n){animation-delay:.4s}.chat-list-page__loading-card-avatar{flex-shrink:0}.chat-list-page__loading-card-content{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0}.chat-list-page__loading-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.chat-list-page__loading-card-message{display:flex;flex-direction:column;gap:8px}.chat-list-page__loading-card-meta{align-items:center;display:flex;gap:12px;justify-content:space-between}.chat-list-page__loading-footer{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:40px 20px}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;border-radius:8px}.skeleton--search{border-radius:24px;height:48px;width:100%}.skeleton--filter{border-radius:18px;height:36px;width:80px}.skeleton--avatar{border-radius:50%;height:56px;width:56px}.skeleton--title{border-radius:4px;height:20px;width:60%}.skeleton--time{border-radius:4px;height:16px;width:60px}.skeleton--message{border-radius:4px;height:16px;width:85%}.skeleton--message:nth-child(2){width:70%}.skeleton--badge{border-radius:10px;height:20px;width:40px}.skeleton--unread{border-radius:50%;height:24px;width:24px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.loading-spinner{border:3px solid #f1f5f9;border-top-color:#3b82f6}.chat-list-page__loading-footer p{color:#64748b;font-size:14px;font-weight:500;margin:0}@media (max-width:768px){.chat-list-page__loading-card{gap:12px;padding:16px}.skeleton--avatar{height:48px;width:48px}.chat-list-page__loading-filters{gap:8px}.skeleton--filter{height:32px;width:70px}}@media (max-width:480px){.chat-list-page__loading-card{padding:12px}.skeleton--avatar{height:40px;width:40px}.skeleton--title{width:70%}.skeleton--message{width:90%}}:root{--lp-bg:#f5f3f8;--lp-bg-alt:#edeaf3;--lp-bg-dark:#110e1a;--lp-ink:#110e1a;--lp-ink-2:#332e42;--lp-ink-3:#6e6882;--lp-ink-4:#a29db3;--lp-accent:#7c3aed;--lp-accent-2:#a855f7;--lp-accent-soft:#ede5fd;--lp-green:#1a7a4a;--lp-green-soft:#d6f0e3;--lp-amber:#d4860a;--lp-amber-soft:#fff0cc;--lp-border:#110e1a1a;--lp-border-md:#110e1a29;--lp-white:#fff;--font-display:"Playfair Display",Georgia,"Times New Roman",serif;--font-body:"DM Sans","Helvetica Neue",Arial,sans-serif;--lp-section-pad:6rem 1.5rem;--lp-radius:16px;--lp-radius-sm:10px;--lp-radius-lg:24px;--lp-shadow-sm:0 1px 4px #110e1a14,0 2px 8px #110e1a0f;--lp-shadow-md:0 4px 16px #110e1a1a,0 8px 32px #110e1a14;--lp-shadow-lg:0 16px 48px #110e1a24,0 4px 16px #110e1a14}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.landing-page{-webkit-font-smoothing:antialiased;background:#f5f3f8;background:var(--lp-bg);color:#110e1a;color:var(--lp-ink);font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--font-body);min-height:100vh;overflow-x:hidden}.lp-container{margin:0 auto;max-width:1120px;padding:0 1.5rem}.lp-section{padding:6rem 1.5rem;padding:var(--lp-section-pad)}.lp-br--desktop{display:none}@media (min-width:900px){.lp-br--desktop{display:block}}.lp-h2{color:#110e1a;color:var(--lp-ink);font-family:Playfair Display,Georgia,Times New Roman,serif;font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.18;margin-bottom:1.5rem;text-align:center}.lp-h2--left{text-align:left}.lp-eyebrow{color:#7c3aed;color:var(--lp-accent);display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.12em;margin-bottom:1rem;text-transform:uppercase}.lp-eyebrow--light{color:#f5f3f899}.lp-pill{align-items:center;background:#ede5fd;background:var(--lp-accent-soft);border:1px solid #7c3aed2e;border-radius:100px;color:#7c3aed;color:var(--lp-accent);display:inline-flex;font-size:.78rem;font-weight:500;gap:6px;margin-bottom:1.25rem;padding:6px 14px}.lp-pill--outlined{background:#0000;border:1.5px solid #110e1a29;border:1.5px solid var(--lp-border-md);color:#332e42;color:var(--lp-ink-2)}.lp-btn{align-items:center;border:none;border-radius:100px;cursor:pointer;display:inline-flex;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--font-body);font-size:.95rem;font-weight:600;gap:8px;padding:.8rem 1.6rem;text-decoration:none;transition:all .22s cubic-bezier(.22,1,.36,1);white-space:nowrap}.lp-btn--primary{background:#7c3aed;background:var(--lp-accent);box-shadow:0 2px 8px #7c3aed4d,0 0 0 0 #7c3aed40;color:#fff;color:var(--lp-white)}.lp-btn--primary:hover{background:#6d28d9;box-shadow:0 6px 20px #7c3aed61,0 0 0 4px #7c3aed1a;transform:translateY(-2px)}.lp-btn--ghost{background:#0000;border:1.5px solid #110e1a29;border:1.5px solid var(--lp-border-md);color:#332e42;color:var(--lp-ink-2)}.lp-btn--ghost:hover{background:#edeaf3;background:var(--lp-bg-alt);transform:translateY(-2px)}.lp-btn--lg{font-size:1.05rem;padding:1rem 2rem}.lp-cta-pair{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.landing-page__hero{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr;margin:0 auto;max-width:1120px;min-height:100svh;overflow:hidden;padding:5rem 1.5rem 4rem;position:relative}@media (min-width:900px){.landing-page__hero{gap:4rem;grid-template-columns:1fr 1fr;min-height:90vh;padding:6rem 1.5rem 5rem}}.landing-page__hero-orb{border-radius:50%;pointer-events:none;position:absolute;z-index:0}.landing-page__hero-orb--1{animation:lp-orb-drift 12s ease-in-out infinite;background:radial-gradient(circle,#7c3aed1f 0,#0000 70%);height:480px;right:-100px;top:-120px;width:480px}.landing-page__hero-orb--2{animation:lp-orb-drift 16s ease-in-out infinite reverse;background:radial-gradient(circle,#7c3aed12 0,#0000 70%);bottom:-80px;height:360px;left:-60px;width:360px}.landing-page__hero-orb--3{animation:lp-orb-drift 9s ease-in-out 3s infinite;background:radial-gradient(circle,#a855f71a 0,#0000 70%);height:200px;left:30%;top:40%;width:200px}@keyframes lp-orb-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.04)}66%{transform:translate(-15px,20px) scale(.97)}}.landing-page__hero-content{align-items:flex-start;display:flex;flex-direction:column;position:relative;z-index:1}.landing-page__title{color:#110e1a;color:var(--lp-ink);font-family:Playfair Display,Georgia,Times New Roman,serif;font-family:var(--font-display);font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.13;margin-bottom:1.4rem}.landing-page__title .text-primary{color:#7c3aed;color:var(--lp-accent);font-style:italic}.landing-page__subtitle{color:#332e42;color:var(--lp-ink-2);font-size:1.1rem;font-weight:300;line-height:1.65;margin-bottom:2rem;max-width:480px}.lp-hero__trust{align-items:center;color:#6e6882;color:var(--lp-ink-3);display:flex;font-size:.82rem;font-weight:400;gap:6px;margin-top:1.25rem}.lp-hero__trust-icon{color:#6e6882;color:var(--lp-ink-3);flex-shrink:0}.landing-page__hero-image{align-items:center;display:flex;justify-content:center;position:relative;z-index:1}.lp-phone{display:inline-block;position:relative}.lp-phone__frame{background:#1a1620;border-radius:38px;box-shadow:0 0 0 1px #ffffff14,0 24px 64px #110e1a59,0 8px 24px #110e1a33;padding:14px 10px 20px;position:relative;width:260px}.lp-phone__notch{background:#0e0c14;border-radius:12px;height:20px;margin:0 auto 10px;width:80px}.lp-phone__screen{background:#fff;background:var(--lp-white);border-radius:26px;display:flex;flex-direction:column;min-height:480px;overflow:hidden}.lp-phone__statusbar{align-items:center;color:#110e1a;color:var(--lp-ink);display:flex;font-size:.62rem;font-weight:600;justify-content:space-between;padding:8px 14px 4px}.lp-phone__statusbar-right{font-size:.55rem;letter-spacing:-2px}.lp-phone__appbar{align-items:center;border-bottom:1px solid #110e1a1a;border-bottom:1px solid var(--lp-border);display:flex;justify-content:space-between;padding:4px 14px 8px}.lp-phone__app-logo{color:#7c3aed;color:var(--lp-accent);font-family:Playfair Display,Georgia,Times New Roman,serif;font-family:var(--font-display);font-size:.95rem;font-weight:700;letter-spacing:-.03em}.lp-phone__appbar-right{align-items:center;color:#6e6882;color:var(--lp-ink-3);display:flex;font-size:.64rem;gap:3px}.lp-phone__card{border:1px solid #110e1a1a;border:1px solid var(--lp-border);border-radius:14px;box-shadow:0 1px 4px #110e1a14,0 2px 8px #110e1a0f;box-shadow:var(--lp-shadow-sm);margin:10px 10px 0;overflow:hidden}.lp-phone__card-img{align-items:flex-end;background:linear-gradient(135deg,#1e1040,#4c1d95 50%,#7c3aed);display:flex;height:80px;padding:8px;position:relative}.lp-phone__card-img-overlay{background:linear-gradient(180deg,#0000 30%,#110e1a80);inset:0;position:absolute}.lp-phone__card-badge{align-items:center;background:#fffffff2;border-radius:100px;color:#110e1a;color:var(--lp-ink);display:inline-flex;font-size:.6rem;font-weight:600;gap:4px;padding:3px 8px;position:relative;z-index:1}.lp-phone__card-body{padding:8px 10px 10px}.lp-phone__card-title{color:#110e1a;color:var(--lp-ink);font-size:.82rem;font-weight:600;margin-bottom:2px}.lp-phone__card-loc{align-items:center;color:#6e6882;color:var(--lp-ink-3);display:flex;font-size:.62rem;gap:3px;margin-bottom:6px}.lp-phone__avatars{align-items:center;display:flex;gap:0}.lp-phone__avatar{align-items:center;border:2px solid #fff;border:2px solid var(--lp-white);border-radius:50%;color:#fff;display:flex;font-size:.55rem;font-weight:700;height:22px;justify-content:center;margin-left:-6px;width:22px}.lp-phone__avatar:first-child{margin-left:0}.lp-phone__avatar--0{background:#7c3aed}.lp-phone__avatar--1{background:#1a7a4a}.lp-phone__avatar--2{background:#d4860a}.lp-phone__avatar--3{background:#db2777}.lp-phone__going{color:#6e6882;color:var(--lp-ink-3);font-size:.6rem;font-weight:500;margin-left:6px}.lp-phone__match{align-items:center;background:#d6f0e3;background:var(--lp-green-soft);border-radius:8px;color:#1a7a4a;color:var(--lp-green);display:flex;font-size:.62rem;font-weight:600;gap:5px;margin:8px 10px 0;padding:5px 12px}.lp-phone__match-dot{animation:lp-pulse 2s ease-in-out infinite;background:#1a7a4a;background:var(--lp-green);border-radius:50%;height:6px;width:6px}@keyframes lp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.lp-phone__squad{background:#f5f3f8;background:var(--lp-bg);border:1px solid #110e1a1a;border:1px solid var(--lp-border);border-radius:10px;margin:8px 10px 0;padding:8px 10px}.lp-phone__squad-label{align-items:center;color:#6e6882;color:var(--lp-ink-3);display:flex;font-size:.6rem;font-weight:600;gap:4px;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.lp-phone__squad-members{display:flex;flex-direction:column;gap:4px}.lp-phone__member{align-items:center;border-radius:6px;display:flex;font-size:.62rem;gap:6px;padding:3px 6px}.lp-phone__member--yes{background:#d6f0e3;background:var(--lp-green-soft);color:#1a7a4a;color:var(--lp-green)}.lp-phone__member--pending{background:#fff0cc;background:var(--lp-amber-soft);color:#d4860a;color:var(--lp-amber)}.lp-phone__member-av{align-items:center;background:currentColor;border-radius:50%;color:#fff;display:flex;font-size:.5rem;font-weight:700;height:18px;justify-content:center;opacity:.9;width:18px}.lp-phone__member span:nth-child(2){flex:1 1;font-weight:500}.lp-phone__member-status{font-size:.7rem;font-weight:700}.lp-phone__actions{display:flex;gap:6px;margin-top:auto;padding:8px 10px 10px}.lp-phone__action-join,.lp-phone__action-pass{border:none;border-radius:8px;cursor:default;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-family:var(--font-body);font-size:.68rem;font-weight:600;transition:none}.lp-phone__action-pass{background:#edeaf3;background:var(--lp-bg-alt);color:#6e6882;color:var(--lp-ink-3);flex:0 0 36px}.lp-phone__action-join{background:#7c3aed;background:var(--lp-accent);color:#fff;flex:1 1;padding:6px 0}.lp-phone__glow{background:radial-gradient(ellipse,#7c3aed40 0,#0000 70%);bottom:-30px;filter:blur(12px);height:40px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);width:160px}.landing-page__problem{background:#fff;background:var(--lp-white);border-bottom:1px solid #110e1a1a;border-bottom:1px solid var(--lp-border);border-top:1px solid #110e1a1a;border-top:1px solid var(--lp-border)}.lp-problem__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:2.5rem 0 3rem}@media (min-width:700px){.lp-problem__grid{grid-template-columns:repeat(3,1fr)}}.lp-problem__item{background:#f5f3f8;background:var(--lp-bg);border:1px solid #110e1a1a;border:1px solid var(--lp-border);border-radius:16px;border-radius:var(--lp-radius);padding:1.75rem;position:relative;transition:box-shadow .2s ease,transform .2s ease}.lp-problem__item:hover{box-shadow:0 4px 16px #110e1a1a,0 8px 32px #110e1a14;box-shadow:var(--lp-shadow-md);transform:translateY(-3px)}.lp-problem__num{color:#ede5fd;color:var(--lp-accent-soft);display:block;font-family:Playfair Display,Georgia,Times New Roman,serif;font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1;margin-bottom:.75rem}.lp-problem__text{color:#332e42;color:var(--lp-ink-2);font-size:.95rem;line-height:1.65}.lp-problem__quote{background:#ede5fd;background:var(--lp-accent-soft);border:none;border-radius:16px;border-radius:var(--lp-radius);color:#110e1a;color:var(--lp-ink);font-size:clamp(1.2rem,2.5vw,1.6rem);font-style:italic;letter-spacing:-.01em;padding:2rem;position:relative;text-align:center}.lp-problem__quote,.lp-problem__quote:before{font-family:Playfair Display,Georgia,Times New Roman,serif;font-family:var(--font-display)}.lp-problem__quote:before{color:#7c3aed26;content:'"';font-size:5rem;left:20px;line-height:1;position:absolute;top:-10px}.landing-page__philosophy{background:#f5f3f8;background:var(--lp-bg)}.lp-philosophy__layout{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr}@media (min-width:900px){.lp-philosophy__layout{align-items:start;gap:5rem;grid-template-columns:1.2fr .8fr}}.lp-philosophy__left{max-width:520px}.lp-philosophy__body{color:#332e42;color:var(--lp-ink-2);font-size:1.05rem;font-weight:300;line-height:1.7}.lp-philosophy__stats{display:flex;flex-direction:column;gap:1.5rem}.lp-philosophy__stat{background:#fff;background:var(--lp-white);border:1px solid #110e1a1a;border:1px solid var(--lp-border);border-radius:16px;border-radius:var(--lp-radius);box-shadow:0 1px 4px #110e1a14,0 2px 8px #110e1a0f;box-shadow:var(--lp-shadow-sm);padding:1.5rem}.lp-philosophy__stat-val{color:#7c3aed;color:var(--lp-accent);display:block;font-family:Playfair Display,Georgia,Times New Roman,serif;font-family:var(--font-display);font-size:2.4rem;font-weight:700;line-height:1;margin-bottom:.4rem}.lp-philosophy__stat-label{color:#332e42;color:var(--lp-ink-2);font-size:.85rem;line-height:1.5}.landing-page__how{background:#fff;background:var(--lp-white);border-bottom:1px solid #110e1a1a;border-bottom:1px solid var(--lp-border);border-top:1px solid #110e1a1a;border-top:1px solid var(--lp-border)}.lp-how__grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr;margin-top:2.5rem}@media (min-width:700px){.lp-how__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.lp-how__grid{grid-template-columns:repeat(4,1fr)}}.lp-how__step{background:#f5f3f8;background:var(--lp-bg);border:1px solid #110e1a1a;border:1px solid var(--lp-border);border-radius:16px;border-radius:var(--lp-radius);overflow:hidden;padding:1.75rem 1.5rem;position:relative;transition:box-shadow .2s ease,transform .2s ease}.lp-how__step:before{background:linear-gradient(90deg,#7c3aed,#a855f7);background:linear-gradient(90deg,var(--lp-accent),var(--lp-accent-2));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.lp-how__step:hover{box-shadow:0 4px 16px #110e1a1a,0 8px 32px #110e1a14;box-shadow:var(--lp-shadow-md);transform:translateY(-3px)}.lp-how__step:hover:before{transform:scaleX(1)}.lp-how__step-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.lp-how__step-num{color:#ede5fd;color:var(--lp-accent-soft);font-family:Playfair Display,Georgia,Times New Roman,serif;font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1}.lp-how__step-icon{align-items:center;background:#ede5fd;background:var(--lp-accent-soft);border-radius:10px;color:#7c3aed;color:var(--lp-accent);display:flex;height:42px;justify-content:center;width:42px}.lp-how__step-title{color:#110e1a;color:var(--lp-ink);font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.lp-how__step-body{color:#6e6882;color:var(--lp-ink-3);font-size:.88rem;line-height:1.6}.landing-page__squad{background:#f5f3f8;background:var(--lp-bg)}.lp-squad__layout{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr}@media (min-width:900px){.lp-squad__layout{gap:5rem;grid-template-columns:1fr 1fr}}.lp-squad__lead{color:#332e42;color:var(--lp-ink-2);font-size:1rem;font-weight:300;line-height:1.65;margin-bottom:1.75rem}.lp-squad__list{display:flex;flex-direction:column;gap:.85rem;list-style:none}.lp-squad__list-item{align-items:flex-start;color:#332e42;color:var(--lp-ink-2);display:flex;font-size:.92rem;gap:10px;line-height:1.5}.lp-squad__check{color:#1a7a4a;color:var(--lp-green);flex-shrink:0;margin-top:1px}.lp-squad-card{background:#fff;background:var(--lp-white);border:1px solid #110e1a1a;border:1px solid var(--lp-border);border-radius:24px;border-radius:var(--lp-radius-lg);box-shadow:0 16px 48px #110e1a24,0 4px 16px #110e1a14;box-shadow:var(--lp-shadow-lg);margin:0 auto;max-width:340px;padding:1.5rem}.lp-squad-card__top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.25rem}.lp-squad-card__name{color:#110e1a;color:var(--lp-ink);font-size:.95rem;font-weight:600;margin-bottom:2px}.lp-squad-card__sub{color:#6e6882;color:var(--lp-ink-3);font-size:.78rem}.lp-tag{align-items:center;background:#d6f0e3;background:var(--lp-green-soft);border-radius:100px;color:#1a7a4a;color:var(--lp-green);display:inline-flex;font-size:.68rem;font-weight:600;gap:5px;padding:3px 9px}.lp-tag:before{animation:lp-pulse 2s ease-in-out infinite;background:#1a7a4a;background:var(--lp-green);border-radius:50%;content:"";height:6px;width:6px}.lp-squad-card__activity{align-items:center;background:#f5f3f8;background:var(--lp-bg);border-radius:10px;border-radius:var(--lp-radius-sm);display:flex;gap:12px;margin-bottom:1.25rem;padding:12px}.lp-squad-card__act-icon{align-items:center;background:#ede5fd;background:var(--lp-accent-soft);border-radius:8px;color:#7c3aed;color:var(--lp-accent);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.lp-squad-card__act-title{color:#110e1a;color:var(--lp-ink);font-size:.88rem;font-weight:600;margin-bottom:2px}.lp-squad-card__act-meta{color:#6e6882;color:var(--lp-ink-3);font-size:.75rem}.lp-squad-card__votes{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}.lp-squad-card__vote{align-items:center;border-radius:8px;display:flex;gap:10px;padding:8px 10px}.lp-squad-card__vote--yes{background:#d6f0e3;background:var(--lp-green-soft)}.lp-squad-card__vote--pending{background:#fff0cc;background:var(--lp-amber-soft)}.lp-squad-card__vote-av{align-items:center;background:#edeaf3;background:var(--lp-bg-alt);border-radius:50%;color:#332e42;color:var(--lp-ink-2);display:flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:26px;justify-content:center;width:26px}.lp-squad-card__vote--yes .lp-squad-card__vote-av{background:#1a7a4a;background:var(--lp-green);color:#fff}.lp-squad-card__vote--pending .lp-squad-card__vote-av{background:#d4860a;background:var(--lp-amber);color:#fff}.lp-squad-card__vote-name{color:#110e1a;color:var(--lp-ink);flex:1 1;font-size:.82rem;font-weight:500}.lp-squad-card__vote-status{font-size:.78rem;font-weight:600}.lp-squad-card__vote--yes .lp-squad-card__vote-status{color:#1a7a4a;color:var(--lp-green)}.lp-squad-card__vote--pending .lp-squad-card__vote-status{color:#d4860a;color:var(--lp-amber)}.lp-squad-card__bar-wrap{display:flex;flex-direction:column;gap:6px}.lp-squad-card__bar-track{background:#edeaf3;background:var(--lp-bg-alt);border-radius:100px;height:5px;overflow:hidden}.lp-squad-card__bar-fill{animation:lp-bar-grow 1.5s cubic-bezier(.22,1,.36,1) forwards;background:linear-gradient(90deg,#1a7a4a,#2ecc71);background:linear-gradient(90deg,var(--lp-green),#2ecc71);border-radius:100px;height:100%;width:66.6%}@keyframes lp-bar-grow{0%{width:0}to{width:66.6%}}.lp-squad-card__bar-label{color:#6e6882;color:var(--lp-ink-3);font-size:.72rem;font-weight:500}.landing-page__use{background:#fff;background:var(--lp-white);border-bottom:1px solid #110e1a1a;border-bottom:1px solid var(--lp-border);border-top:1px solid #110e1a1a;border-top:1px solid var(--lp-border)}.lp-use__sub{color:#332e42;color:var(--lp-ink-2);font-size:1rem;font-weight:300;line-height:1.65;margin:0 auto 2.5rem;max-width:560px;text-align:center}.lp-use__chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.lp-use__chip{align-items:center;background:#f5f3f8;background:var(--lp-bg);border:1.5px solid #110e1a1a;border:1.5px solid var(--lp-border);border-radius:100px;color:#332e42;color:var(--lp-ink-2);cursor:default;display:inline-flex;font-size:.88rem;font-weight:500;gap:8px;padding:10px 18px;transition:all .18s ease}.lp-use__chip:hover{background:#ede5fd;background:var(--lp-accent-soft);border-color:#7c3aed40;color:#7c3aed;color:var(--lp-accent);transform:translateY(-2px)}.lp-use__chip-icon{align-items:center;color:#6e6882;color:var(--lp-ink-3);display:flex;transition:color .18s ease}.lp-use__chip:hover .lp-use__chip-icon{color:#7c3aed;color:var(--lp-accent)}.landing-page__stakes{background:#110e1a;background:var(--lp-ink);overflow:hidden;padding:5rem 1.5rem;text-align:center}.landing-page__stakes__h2{color:#f5f3f873;font-family:Playfair Display,Georgia,Times New Roman,serif;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;letter-spacing:-.02em;margin-bottom:2rem}.landing-page__stakes__words{display:flex;flex-wrap:wrap;gap:1.5rem 2.5rem;justify-content:center;margin-bottom:2.5rem}.landing-page__stakes__word{animation:lp-stakes-fade .8s ease forwards;color:#f5f3f82e;font-family:Playfair Display,Georgia,Times New Roman,serif;font-family:var(--font-display);font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:700;letter-spacing:-.03em;opacity:0}@keyframes lp-stakes-fade{0%{opacity:0;transform:translateY(12px)}to{color:#f5f3f82e;opacity:1;transform:translateY(0)}}.landing-page__stakes__word:last-child{animation:lp-stakes-fade-accent .8s ease forwards;color:#7c3aed!important;color:var(--lp-accent)!important;opacity:1}@keyframes lp-stakes-fade-accent{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.landing-page__stakes__sub{color:#f5f3f880;font-size:1rem;line-height:1.6;margin:0 auto;max-width:380px}.landing-page__final{background:#110e1a;background:var(--lp-ink);overflow:hidden;padding:7rem 1.5rem;position:relative;text-align:center}.lp-final__orb{border-radius:50%;pointer-events:none;position:absolute}.lp-final__orb--1{background:radial-gradient(circle,#7c3aed2e 0,#0000 65%);height:500px;right:-100px;top:-150px;width:500px}.lp-final__orb--2{background:radial-gradient(circle,#a855f71a 0,#0000 65%);bottom:-100px;height:300px;left:-60px;width:300px}.landing-page__final__inner{align-items:center;display:flex;flex-direction:column;gap:0;position:relative;z-index:1}.lp-final__h2{color:#f5f3f8;color:var(--lp-bg);font-family:Playfair Display,Georgia,Times New Roman,serif;font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin-bottom:1rem}.lp-final__sub{color:#f5f3f88c;font-size:1.05rem;font-weight:300;line-height:1.65;margin-bottom:2.5rem;max-width:420px}.landing-page__final .lp-btn--primary{box-shadow:0 4px 20px #7c3aed73}.landing-page__final .lp-btn--ghost{border-color:#f5f3f833;color:#f5f3f8b3}.landing-page__final .lp-btn--ghost:hover{background:#f5f3f812;color:#f5f3f8e6}.lp-final__trust{align-items:center;color:#f5f3f859;display:flex;font-size:.8rem;gap:6px;margin-top:1.5rem}.landing-page__faq{background:#fff;background:var(--lp-white);border-top:1px solid #110e1a1a;border-top:1px solid var(--lp-border)}.lp-faq__list{border:1px solid #110e1a1a;border:1px solid var(--lp-border);border-radius:24px;border-radius:var(--lp-radius-lg);margin-top:2rem;overflow:hidden}.lp-faq-item{border-bottom:1px solid #110e1a1a;border-bottom:1px solid var(--lp-border);cursor:pointer;transition:background .15s ease}.lp-faq-item:last-child{border-bottom:none}.lp-faq-item--open,.lp-faq-item:hover{background:#f5f3f8;background:var(--lp-bg)}.lp-faq-item__q{align-items:center;color:#110e1a;color:var(--lp-ink);display:flex;font-size:.95rem;font-weight:500;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem;-webkit-user-select:none;user-select:none}.lp-faq-item--open .lp-faq-item__q{color:#7c3aed;color:var(--lp-accent)}.lp-faq-item__a{animation:lp-faq-open .2s ease;color:#332e42;color:var(--lp-ink-2);font-size:.9rem;line-height:1.7;max-width:680px;padding:0 1.5rem 1.25rem}@keyframes lp-faq-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lp-footer{background:#f5f3f8;background:var(--lp-bg);border-top:1px solid #110e1a1a;border-top:1px solid var(--lp-border);padding:2rem 1.5rem}.lp-footer__inner{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.lp-footer__logo{color:#7c3aed;color:var(--lp-accent);font-family:Playfair Display,Georgia,Times New Roman,serif;font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.03em}.lp-footer__copy{color:#a29db3;color:var(--lp-ink-4);font-size:.8rem}@media (max-width:640px){.landing-page__hero{min-height:100svh;padding:4rem 1.25rem 3rem}.landing-page__hero-image{order:-1}.lp-phone__frame{width:220px}.lp-phone__screen{min-height:400px}.landing-page__stakes__words{gap:1rem 1.5rem}.lp-section{padding:4rem 1.25rem}.lp-how__grid{grid-template-columns:1fr}.lp-philosophy__stats{flex-direction:row;flex-wrap:wrap}.lp-philosophy__stat{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1}.lp-faq-item__q{font-size:.88rem}}@media (max-width:400px){.landing-page__title{font-size:2rem}.lp-phone__frame{width:200px}.lp-cta-pair{align-items:stretch;flex-direction:column}.lp-cta-pair .lp-btn{justify-content:center;text-align:center}}.matchup-page{background:#f8fafc;color:#0f172a;min-height:100vh;padding:24px}@media (max-width:480px){.matchup-page.immersive-mobile{--matchup-banner-height:104px;background:#f8fafc;height:100dvh;max-width:100vw;overflow:hidden;overscroll-behavior:none;padding:0;width:100vw}.matchup-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;box-shadow:0 4px 20px #667eea26;color:#fff;display:flex;flex-direction:column;height:calc(var(--matchup-banner-height) + env(safe-area-inset-top));left:0;padding:calc(env(safe-area-inset-top)) 0 0;position:fixed;right:0;top:0;z-index:1101}.banner-row-1{align-items:center;display:flex;gap:8px;justify-content:space-between;min-height:44px;padding:8px 12px}.banner-row-2{padding:0 12px 16px}.banner-row-1 .banner-back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;color:#fff;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.banner-row-1 .banner-back-btn:hover{background:#ffffff40;border-color:#fff6}.banner-row-1 .banner-title{color:#fff;flex:1 1 auto;font-size:1rem;font-weight:700;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;text-shadow:0 1px 2px #0000001a;white-space:nowrap}.banner-row-1 .filter-toggle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;color:#fff;flex:0 0 auto;font-size:13px;height:32px;line-height:1;margin-left:auto;max-width:120px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.banner-row-1 .filter-toggle-btn:hover{background:#ffffff40;border-color:#fff6}.banner-row-1 .filter-toggle-btn.active{background:#ffffff4d;border-color:#ffffff80}.banner-row-1 .filter-toggle-btn svg{color:#fff;height:16px;width:16px}.banner-row-1 .filter-toggle-btn .filter-badge{background:#ef4444;color:#fff;right:-6px;top:-6px}.mobile-discovery-type-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:10px;display:flex;gap:4px;padding:4px}.mobile-discovery-type-selector .discovery-type-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#fffc;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:4px;justify-content:center;min-width:0;padding:6px 8px;transition:all .2s ease}.mobile-discovery-type-selector .discovery-type-btn:hover{background:#ffffff26;color:#fff}.mobile-discovery-type-selector .discovery-type-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-discovery-type-selector .discovery-type-btn svg{color:inherit;flex-shrink:0;height:14px;width:14px}.mobile-discovery-type-selector .discovery-type-btn.active{background:#ffffff4d;box-shadow:0 2px 8px #0003;color:#fff}body.no-scroll{height:100dvh!important;overflow:hidden!important;overscroll-behavior:none!important;padding-bottom:0!important;touch-action:none}.matchup-page.immersive-mobile .results-header{display:none}.matchup-page.immersive-mobile .results-section{display:flex;flex-direction:column;height:calc(100dvh - 56px - env(safe-area-inset-bottom));height:calc(100dvh - var(--bottom-nav-height, 56px) - env(safe-area-inset-bottom));margin:0;overflow:hidden;padding:0;padding-top:calc(var(--matchup-banner-height) + env(safe-area-inset-top))}.mobile-filter-fab{background:#fff;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 4px 12px #00000014;color:#334155;font-weight:600;padding:10px 14px;position:fixed;right:12px;top:12px;z-index:1100}.matchup-filters-backdrop{background:#00000059;inset:0;position:fixed;z-index:1090}.matchup-page.immersive-mobile .advanced-filters{background:#fff;border:1px solid #e2e8f0;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -8px 24px #0000001f;left:0;max-height:80vh;overflow-y:auto;padding:16px;position:fixed;right:0;z-index:1101}.matchup-page.immersive-mobile .cards-grid{display:block;height:100%;margin:0;overflow:hidden}.matchup-page.immersive-mobile .squad-card.squad-card--matchup,.matchup-page.immersive-mobile .user-card.user-card--matchup{border:1px solid #000!important;border-radius:16px!important;box-shadow:none!important;height:calc(100dvh - 220px - env(safe-area-inset-bottom));height:calc(100dvh - var(--bottom-nav-height, 56px) - var(--matchup-banner-height, 96px) - 68px - env(safe-area-inset-bottom));margin:8px auto 0;max-width:calc(100vw - 24px)!important;overflow:hidden;touch-action:none;width:calc(100vw - 24px)!important}.matchup-page.immersive-mobile .no-more-cards{height:100%;min-height:0}}.matchup-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:20px;margin-bottom:32px;padding-bottom:20px}.matchup-header--stacked{align-items:stretch;flex-direction:column;gap:16px}.header-bar{align-items:center;display:flex;gap:16px}.header-bar .header-content{flex:1 1 auto;min-width:0}.back-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.back-button:hover{background:#e2e8f0;transform:translateY(-1px)}.header-content{flex:1 1}.header-content h1{color:#0f172a;font-size:2.5rem;font-weight:800;margin:0 0 8px}.activity-context h2{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0 0 4px}.activity-context p{color:#475569;font-size:.9rem;margin:0}.main-search-input{background:#0000;border:none;color:#0f172a;font-size:16px;outline:none;width:100%}.main-search-input::placeholder{color:#64748b}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.clear-search-btn:hover{background:#e2e8f0;color:#0f172a}.filter-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eef2f7;border:1px solid #cbd5e1;border-radius:12px;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;position:relative;transition:all .3s ease}.filter-toggle-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.filter-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000}.filter-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:-6px;text-align:center;top:-6px}.quick-filters{margin-bottom:20px}.quick-filter-chips{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px}.filter-chip-group{align-items:center;display:flex;gap:8px}.filter-group-label{color:#334155;font-size:.85rem;font-weight:600;white-space:nowrap}.filter-chip{background:#eef2f7;border:1px solid #cbd5e1;border-radius:20px;color:#475569;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.filter-chip:hover{background:#e2e8f0;transform:translateY(-1px)}.filter-chip.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.advanced-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:20px;margin-top:16px;padding:20px}.filter-section{margin-bottom:0}.filter-section h3{color:#0f172a;font-size:16px;font-weight:600;margin:0 0 16px}.category-buttons{display:flex;flex-wrap:wrap;gap:8px}.category-btn.more-btn{background:#ffffff0d;border:1px dashed #ffffff4d;border-radius:20px;color:#fff9;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.category-btn.more-btn:hover{background:#ffffff1a;color:#fffc}.gender-filters{display:flex;flex-wrap:wrap;gap:8px}.gender-filter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eef2f7;border:1px solid #cbd5e1;border-radius:20px;color:#475569;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.gender-filter:hover{background:#e2e8f0;border-color:#667eea;color:#0f172a;transform:translateY(-1px)}.gender-filter.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.filter-actions{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding-top:16px}.clear-filters-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.clear-filters-btn:hover{background:#e2e8f0;border-color:#cbd5e1;color:#0f172a}.results-section{margin-top:32px}.results-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.results-header .discovery-type-selector{display:none}.results-header h3{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0}.results-stats{color:#64748b;font-size:.9rem}.discovery-type-selector{background:#eef2f7;border:1px solid #cbd5e1;border-radius:12px;display:flex;gap:8px;margin-top:16px;padding:4px}.discovery-type-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#334155;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease}.discovery-type-btn:hover{background:#e2e8f0;color:#0f172a}.discovery-type-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:0;padding:8px}.matchup-page .cards-grid .squad-card--matchup,.matchup-page .cards-grid .user-card--matchup{border:1px solid #000;border-radius:16px;margin:12px auto;max-height:calc(100vh - 180px);max-width:600px;overflow-y:auto;overflow:hidden}.matchup-action-footer-section{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:300px;padding:0;width:100%}.matchup-action-footer-section .action-footer{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;justify-content:center;margin:0 auto;min-width:auto;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.matchup-action-footer-section .action-footer--explore{align-items:center!important;display:flex!important;flex-direction:row!important;gap:12px!important;justify-content:center!important}.matchup-action-footer-section .action-footer--explore .action-footer__main{flex:0 0 auto!important;justify-content:center!important}.matchup-action-footer-section .action-footer--explore .action-footer__primary-actions{align-items:center!important;display:flex!important;flex:0 0 auto!important;gap:12px!important;justify-content:center!important}.matchup-action-footer-section .action-footer--explore .action-footer__secondary{flex:0 0 auto!important;justify-content:center!important}@media (max-width:480px){.matchup-page.immersive-mobile .matchup-action-footer-section{bottom:calc(56px + env(safe-area-inset-bottom));bottom:calc(var(--bottom-nav-height, 56px) + env(safe-area-inset-bottom));left:50%;margin:0;max-width:280px;padding:0;position:fixed;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content;z-index:1100}.matchup-page.immersive-mobile .matchup-action-footer-section .action-footer{border-radius:20px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.matchup-page.immersive-mobile .cards-grid{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.matchup-page.immersive-mobile .cards-grid .squad-card--matchup,.matchup-page.immersive-mobile .cards-grid .user-card--matchup{max-height:calc(100dvh - 220px - env(safe-area-inset-bottom));max-height:calc(100dvh - var(--bottom-nav-height, 56px) - var(--matchup-banner-height, 96px) - 68px - env(safe-area-inset-bottom))}}.matchup-top-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.top-controls-row{align-items:center;display:flex;justify-content:space-between}.header-chips{align-items:center;display:flex;gap:12px}.header-chips .quick-filter-chips{align-items:center;display:flex;gap:16px}.users-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:32px}.load-more-section{display:flex;justify-content:center;margin-top:32px}.load-more-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.load-more-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.load-more-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.no-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:60px 20px;text-align:center}.no-results-icon{color:#ffffff80;margin-bottom:16px}.no-results h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.no-results p{color:#ffffffb3;font-size:1rem;margin:0 0 24px}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#667eea;height:40px;width:40px}.no-more-cards{align-items:center;display:flex;justify-content:center;min-height:400px;text-align:center}.no-more-cards-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:40px}.no-more-cards-content h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 12px}.no-more-cards-content p{color:#6b7280;line-height:1.5;margin:0 0 24px}.refresh-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.refresh-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.age-filter{display:flex;flex-direction:column;gap:16px}.age-range-container{align-items:center;display:flex;gap:12px;justify-content:center}.age-input-group{align-items:center;display:flex;flex-direction:column;gap:4px}.age-input-group label{color:#fffc;font-size:14px;font-weight:500}.age-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;font-weight:600;padding:8px 12px;text-align:center;transition:all .2s ease;width:80px}.age-input:focus{background:#ffffff26;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.age-input::placeholder{color:#ffffff80}.age-separator{color:#fffc;font-size:1.25rem;font-weight:600;margin:0 8px}.age-presets{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.age-preset{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fffc;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.age-preset:hover{background:#667eea1a;border-color:#667eea;color:#667eea;transform:translateY(-1px)}.age-preset.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}@media (max-width:1024px){.category-filters{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}@media (max-width:768px){.matchup-page{padding:16px}.matchup-header{align-items:flex-start;flex-direction:column;gap:16px}.header-content h1{font-size:2rem}.main-search-container{flex-direction:column;gap:12px}.search-input-wrapper{width:100%}.filter-toggle-btn{justify-content:center;width:100%}.quick-filter-chips{align-items:flex-start;flex-direction:column;gap:12px}.filter-chip-group{flex-wrap:wrap}.users-grid{gap:16px;grid-template-columns:1fr}.results-header{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.matchup-page{padding:12px}.header-content h1{font-size:1.75rem}.advanced-filters{gap:16px;padding:16px}.category-filters{grid-template-columns:repeat(2,1fr)}.gender-filters{flex-direction:column}.gender-filter{text-align:center;width:100%}.age-range-container{flex-direction:column;gap:8px}.age-separator{display:none}}.invitation-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.invitation-modal{animation:modalSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.invitation-modal__header{align-items:center;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.invitation-modal__title{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.invitation-modal__close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.invitation-modal__close:hover{background:#0000000d;color:#374151}.invitation-modal__close:disabled{cursor:not-allowed;opacity:.5}.invitation-modal__content{max-height:60vh;overflow-y:auto;padding:0 24px}.invitation-modal__user-info{align-items:center;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;display:flex;gap:16px;margin-bottom:24px;padding:16px}.invitation-modal__user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.invitation-modal__user-details{flex:1 1}.invitation-modal__user-name{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 4px}.invitation-modal__invite-text{color:#6b7280;font-size:.875rem;margin:0}.invitation-modal__activity-info{background:#00000005;border:1px solid #0000000d;border-radius:12px;margin-bottom:24px;padding:16px}.invitation-modal__activity-title{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 12px}.invitation-modal__activity-meta{display:flex;flex-direction:column;gap:8px}.invitation-modal__meta-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:8px}.invitation-modal__meta-item svg{color:#9ca3af;flex-shrink:0}.invitation-modal__message-section{margin-bottom:24px}.invitation-modal__message-label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.invitation-modal__message-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:.875rem;min-height:100px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.invitation-modal__message-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.invitation-modal__message-input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.invitation-modal__message-counter{color:#9ca3af;font-size:.75rem;margin-top:4px;text-align:right}.invitation-modal__footer{background:#00000005;border-top:1px solid #0000001a;display:flex;gap:12px;padding:24px}.invitation-modal__cancel{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-weight:600;padding:12px 24px;transition:all .2s ease}.invitation-modal__cancel:hover:not(:disabled){border-color:#d1d5db;color:#374151}.invitation-modal__cancel:disabled{cursor:not-allowed;opacity:.5}.invitation-modal__send{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:2 1;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.invitation-modal__send:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.invitation-modal__send:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.invitation-modal__spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:640px){.invitation-modal-overlay{padding:16px}.invitation-modal{max-height:95vh}.invitation-modal__header{padding:20px 20px 0}.invitation-modal__content{padding:0 20px}.invitation-modal__footer{flex-direction:column;padding:20px}.invitation-modal__cancel,.invitation-modal__send{flex:1 1}.invitation-modal__activity-meta{gap:6px}.invitation-modal__meta-item{font-size:.8rem}}.activities-section__grid{grid-row-gap:12px;align-items:start;display:grid;grid-template-columns:1fr;justify-items:stretch;margin:0;padding:0;row-gap:12px}.activities-section__loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.activities-section__loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.activities-section__loading p{color:#6b7280;font-size:14px;margin:0}.activities-section__error{color:#ef4444;padding:24px;text-align:center}.activities-section__error p{font-size:14px;margin:0}.activities-section__empty{color:#6b7280;padding:48px 24px;text-align:center}.activities-section__empty .empty-icon{margin:0 auto 12px;opacity:.5}.activities-section__empty p{font-size:14px;margin:0 0 16px}.activities-section__empty-action{margin-top:16px}@media (max-width:768px){.activities-section__grid{row-gap:8px}.activities-section__empty,.activities-section__loading{padding:32px 16px}}.squad-detail-page{padding:24px}.squad-detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.squad-detail-header .title{align-items:center;display:flex;font-size:24px;font-weight:700;gap:8px;line-height:1.2}.squad-detail-header .title input{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:24px;font-weight:700;line-height:1.2;padding:6px 10px}.squad-detail-header .header-actions{display:flex;flex-wrap:wrap;gap:8px}.squad-detail-header .header-actions .btn.btn-secondary{border:1px solid #cbd5e1}.squad-detail-header .header-actions .btn.btn-danger{background:#ef4444;border:1px solid #ef4444;font-size:12px;min-height:32px;padding:6px 10px}@media (max-width:640px){.squad-detail-header{align-items:stretch;flex-direction:column}.squad-detail-header .title{font-size:20px;justify-content:flex-start}.squad-detail-header .header-actions{gap:8px;justify-content:flex-start;width:100%}.squad-detail-header .header-actions>.btn,.squad-detail-header .header-actions>.edit-button,.squad-detail-header .header-actions>button{flex:1 1 auto;min-width:120px}}.squad-meta{align-items:center;display:flex;font-size:13px;gap:12px;margin-bottom:12px;opacity:.85}.squad-meta .dot{background:currentColor;border-radius:50%;height:4px;opacity:.6;width:4px}.squad-cover{aspect-ratio:1/1;overflow:hidden;position:relative;width:100%}.squad-cover__overlay{background:linear-gradient(0deg,#00000059,#0000);bottom:0;height:40%;left:0;pointer-events:none;position:absolute;right:0}.squad-cover__empty{align-items:center;color:#fffc;display:flex;font-weight:600;height:100%;justify-content:center}.squad-cover__empty .hint{font-weight:500;margin-left:8px;opacity:.9}.members-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.members-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.member-filters{display:flex;gap:8px}.filter-pill{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:9999px;cursor:pointer;font-size:13px;padding:6px 12px}.filter-pill.active{background:#3b82f626;border-color:#3b82f680}.invite-inline{align-items:center;display:flex;gap:8px}.invite-inline .search-wrapper{min-width:260px}@media (max-width:640px){.members-section-header{align-items:stretch;flex-direction:column;gap:8px}.invite-inline{width:100%}.invite-inline .search-wrapper{min-width:0;width:100%}}.remove-button{background:#0000;border:1px solid #ffffff40;border-radius:8px;color:#fff;margin-left:auto;padding:6px 10px}.squad-description{margin:0}.squad-about-header{color:#0f172a;font-size:18px;font-weight:700;margin:0 0 12px}.squad-detail-page .activities-section__grid .activity-card .activity-meta,.squad-detail-page .activities-section__grid .activity-card--profile .activity-meta,.squad-detail-page .activity-card .activity-meta,.squad-detail-page .activity-card--profile .activity-meta,.squad-detail-page .form-section .activities-section__grid .activity-card .activity-meta,.squad-detail-page .form-section .activities-section__grid .activity-card--profile .activity-meta,.squad-detail-page .form-section .activity-card .activity-meta,.squad-detail-page .form-section .activity-card--profile .activity-meta{margin-left:0!important}@media (max-width:1023px){.squad-detail-page .activities-section__grid .activity-card .activity-meta,.squad-detail-page .activities-section__grid .activity-card--profile .activity-meta,.squad-detail-page .activity-card .activity-meta,.squad-detail-page .activity-card--profile .activity-meta,.squad-detail-page .form-section .activities-section__grid .activity-card .activity-meta,.squad-detail-page .form-section .activities-section__grid .activity-card--profile .activity-meta,.squad-detail-page .form-section .activity-card .activity-meta,.squad-detail-page .form-section .activity-card--profile .activity-meta{margin-left:0!important}}@media (max-width:767px){.squad-detail-page .activities-section__grid .activity-card .activity-meta,.squad-detail-page .activities-section__grid .activity-card--profile .activity-meta,.squad-detail-page .activity-card .activity-meta,.squad-detail-page .activity-card--profile .activity-meta,.squad-detail-page .form-section .activities-section__grid .activity-card .activity-meta,.squad-detail-page .form-section .activities-section__grid .activity-card--profile .activity-meta,.squad-detail-page .form-section .activity-card .activity-meta,.squad-detail-page .form-section .activity-card--profile .activity-meta{margin-left:0!important}}.btn-remove-circle{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:28px;justify-content:center;line-height:1;padding:0;transition:background .2s ease;width:28px}.btn-remove-circle:hover{background:#dc2626}.onboarding-page{-webkit-font-smoothing:antialiased;align-items:center;background:linear-gradient(135deg,#10b981,#059669);display:flex;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.onboarding-page:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff26 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.onboarding-container{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #ffffff4d;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000026;max-width:600px;padding:3rem 2.5rem;position:relative;width:100%;z-index:10}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{margin-bottom:2.5rem;position:relative;text-align:center}.onboarding-back-btn{align-items:center;background:#f8fafc;border:2px solid #e5e7eb;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:2.5rem;justify-content:center;left:-1rem;position:absolute;top:-1rem;transition:all .2s ease;width:2.5rem;z-index:20}.onboarding-back-btn:hover{background:#f0fdf4;border-color:#10b981;color:#10b981;transform:scale(1.05)}.onboarding-back-btn:focus{box-shadow:0 0 0 3px #10b9811a;outline:none}.onboarding-brand h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin-bottom:.75rem}.onboarding-brand p{color:#6b7280;font-size:1.125rem;font-weight:500;line-height:1.5;margin:0}.onboarding-progress{justify-content:center;margin-bottom:2.5rem}.onboarding-progress,.progress-step{align-items:center;display:flex;gap:.5rem}.progress-step{flex-direction:column;transition:all .3s ease}.step-number{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-weight:600;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.progress-step.active .step-number,.progress-step.completed .step-number{background:#10b981;border-color:#10b981;color:#fff}.progress-step span{color:#6b7280;font-size:.75rem;font-weight:500;text-align:center}.progress-step.active span,.progress-step.completed span{color:#10b981;font-weight:600}.progress-line{background:#e5e7eb;height:2px;transition:all .3s ease;width:3rem}.progress-line.completed{background:#10b981}.onboarding-form-container{margin-bottom:2rem}.onboarding-form{display:flex;flex-direction:column;gap:2rem}.onboarding-container .form-section .form-field__label{color:#374151}.onboarding-container .form-section .form-field__input input,.onboarding-container .form-section .form-field__input textarea{background-color:#fff;border:1px solid #e5e7eb;color:#111827}.onboarding-container .form-section .form-field__input input::placeholder,.onboarding-container .form-section .form-field__input textarea::placeholder{color:#9ca3af}.onboarding-container .form-section .form-field__input input:focus,.onboarding-container .form-section .form-field__input textarea:focus{background-color:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.onboarding-container .form-section .form-field .form-field__input .photo-upload{align-items:center;display:flex;flex-direction:column}.onboarding-container .form-section .form-field .form-field__input .photo-upload .photo-upload-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(200px,max-content));justify-content:center;justify-items:center;width:100%}.onboarding-container .form-section .form-field .form-field__input .photo-upload .photo-upload-area{align-self:center;justify-self:center;max-width:300px;min-width:250px}.onboarding-container .form-section .form-field .form-field__input .photo-upload .photo-upload-grid .photo-item{justify-self:center;max-width:200px;width:100%}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.section-title{align-items:center;color:#1f2937;display:flex;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.125rem;font-weight:700;gap:.75rem;letter-spacing:-.02em;margin-bottom:1.5rem;margin-top:0}.section-title svg{color:#10b981}.char-count{color:#6b7280;font-size:.75rem;margin-top:.25rem;text-align:right}.location-permission{align-items:center;display:flex;gap:1rem;justify-content:space-between}.permission-info h4{color:#1f2937;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.permission-info p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.terms-checkbox{margin-top:1rem}.checkbox-label{align-items:flex-start!important;cursor:pointer;display:flex!important;gap:.75rem!important;position:relative;width:100%}.checkbox-label input[type=checkbox]{background:none!important;border:none!important;cursor:pointer;height:0!important;margin:0!important;opacity:0!important;padding:0!important;position:absolute!important;width:0!important}.checkmark{background-color:#f3f4f6!important;border:2px solid #d1d5db!important;border-radius:.25rem!important;box-sizing:border-box!important;display:block!important;flex-grow:0!important;flex-shrink:0!important;height:1.25rem!important;margin-top:.125rem!important;max-height:1.25rem!important;max-width:1.25rem!important;min-height:1.25rem!important;min-width:1.25rem!important;position:relative;transition:all .2s ease;width:1.25rem!important}.checkbox-label:hover input~.checkmark{background-color:#f0fdf4!important;border-color:#10b981!important}.checkbox-label input:checked~.checkmark{background-color:#10b981!important;border-color:#10b981!important}.checkmark:after{content:"";display:none;position:absolute}.checkbox-label input:checked~.checkmark:after{display:block}.checkbox-label .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:.5rem;left:.375rem;top:.125rem;transform:rotate(45deg);width:.25rem}.terms-text{color:#374151;flex:1 1;font-size:.875rem;line-height:1.5}.terms-text a{color:#10b981;font-weight:500;text-decoration:none}.terms-text a:hover{text-decoration:underline}.onboarding-error{align-items:center;animation:shake .5s ease-in-out;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#dc2626;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.interests-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.interests-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.interests-icon{background:#f0fdf4;border-radius:.75rem;color:#10b981;flex-shrink:0;padding:.75rem}.interests-info h3{color:#1f2937;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.interests-info p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.category-selection-container{margin-bottom:1.5rem}.category-selection-container .categories-edit{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.selection-info{color:#6b7280;font-size:.875rem;margin-top:.5rem;text-align:right}.preferences-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.preferences-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.preferences-icon{background:#f0fdf4;border-radius:.75rem;color:#10b981;flex-shrink:0;padding:.75rem}.preferences-info h3{color:#1f2937;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.preferences-info p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.group-size-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.group-size-option{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:1.25rem;position:relative;transition:all .2s ease}.group-size-option.selected,.group-size-option:hover{background:#f0fdf4;border-color:#10b981}.option-header{align-items:center;display:flex;gap:1rem}.option-icon{background:#f3f4f6;border-radius:.5rem;color:#6b7280;flex-shrink:0;padding:.5rem}.group-size-option.selected .option-icon{background:#10b981;color:#fff}.option-content{flex:1 1}.option-content h4{color:#1f2937;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem}.option-content p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.option-range{background:#f3f4f6;border-radius:1rem;color:#6b7280;flex-shrink:0;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.group-size-option.selected .option-range{background:#10b981;color:#fff}.option-selected-indicator{align-items:center;border-top:1px solid #e5e7eb;color:#10b981;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.summary-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.summary-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem}.summary-icon{background:#f0fdf4;border-radius:.75rem;color:#10b981;flex-shrink:0;padding:.75rem}.summary-info h3{color:#1f2937;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.summary-info p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.summary-cards{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;cursor:pointer;padding:1.25rem;transition:all .2s ease}.summary-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-icon{background:#f3f4f6;border-radius:.5rem;color:#6b7280;margin-right:.75rem;padding:.5rem}.card-header h4{color:#1f2937;flex:1 1;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1rem;font-weight:700;letter-spacing:-.02em;margin:0}.edit-btn{background:none;border:none;border-radius:.25rem;color:#10b981;cursor:pointer;font-size:.875rem;font-weight:500;padding:.25rem .5rem;transition:all .2s ease}.edit-btn:hover{background:#f0fdf4}.card-content{display:flex;flex-direction:column;gap:.75rem}.info-row{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.info-row .label{color:#6b7280;flex-shrink:0;font-size:.875rem;font-weight:500}.info-row .value{color:#1f2937;font-size:.875rem;text-align:right;word-break:break-word}.interests-tags{display:flex;flex-wrap:wrap;gap:.5rem}.interest-tag{background:var(--category-color);border-radius:1rem;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.no-data{color:#9ca3af;font-size:.875rem;font-style:italic;margin:0}.welcome-message{background:linear-gradient(135deg,#10b981,#059669);border-radius:.75rem;color:#fff;margin-top:1.5rem;padding:1.5rem;text-align:center}.welcome-icon{margin-bottom:1rem}.welcome-content h3{font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem}.welcome-content p{font-size:.875rem;line-height:1.5;margin:0;opacity:.9}.onboarding-actions{margin-top:2rem}.action-buttons{display:flex;gap:1rem;margin-bottom:1rem}.action-buttons .btn{flex:1 1}.action-hint{text-align:center}.action-hint p{color:#6b7280;font-size:.75rem;margin:0}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#10b981;height:2rem;width:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-state p{color:#6b7280;font-size:.875rem;margin:0}@media (max-width:640px){.onboarding-page{padding:1rem}.onboarding-container{border-radius:1rem;padding:2rem 1.5rem}.onboarding-brand h1{font-size:2rem}.onboarding-brand p{font-size:1rem}.onboarding-back-btn{height:2rem;left:-.5rem;top:-.5rem;width:2rem}.onboarding-progress{gap:.25rem}.step-number{font-size:.875rem;height:2rem;width:2rem}.progress-line{width:2rem}.action-buttons{flex-direction:column}.group-size-option{padding:1rem}.option-header{align-items:flex-start;flex-direction:column;gap:.75rem}.option-range{align-self:flex-start}}@media (max-width:480px){.onboarding-container{padding:1.5rem 1rem}.onboarding-brand h1{font-size:1.75rem}.form-section,.interests-section,.preferences-section,.summary-card,.summary-section{padding:1rem}.info-row{align-items:flex-start;flex-direction:column;gap:.25rem}.info-row .value{text-align:left}}@media (prefers-contrast:high){.onboarding-container{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.loading-spinner,.onboarding-container,.onboarding-error,.onboarding-page:before{animation:none}}
/*# sourceMappingURL=main.6cba4362.css.map*/