@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap);:root{--brand-primary:#e91e63;--brand-secondary:#00bcd4;--brand-accent:#ff9800;--brand-gradient:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#eee;--neutral-300:#e0e0e0;--neutral-400:#bdbdbd;--neutral-500:#9e9e9e;--neutral-600:#757575;--neutral-700:#616161;--neutral-800:#424242;--neutral-900:#212121;--success-50:#f0f9f0;--success-500:#4caf50;--success-600:#43a047;--warning-50:#fff8e1;--warning-500:#ff9800;--warning-600:#f57c00;--error-50:#ffebee;--error-500:#f44336;--error-600:#e53935;--info-50:#e3f2fd;--info-500:#2196f3;--info-600:#1976d2;--dark-50:#1e1e2e;--dark-100:#181825;--dark-200:#131320;--dark-300:#0e0e1a;--dark-400:#0a0a15;--dark-500:#050510;--background-primary:var(--dark-100);--background-secondary:var(--dark-200);--background-elevated:var(--dark-50);--background-overlay:#000c;--text-primary:#fff;--text-secondary:#f8f9fa;--text-tertiary:#e9ecef;--text-muted:#d6d9dc;--text-inverse:var(--neutral-900);--text-on-brand:#fff;--border-primary:#ffffff1a;--border-secondary:#ffffff0d;--border-focus:var(--brand-primary);--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-heading:"Inter",sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:clamp(0.8125rem,0.75rem + 0.3vw,0.875rem);--font-size-sm:clamp(0.875rem,0.825rem + 0.25vw,0.9375rem);--font-size-base:clamp(1rem,0.95rem + 0.25vw,1.125rem);--font-size-lg:clamp(1.125rem,1.05rem + 0.375vw,1.25rem);--font-size-xl:clamp(1.25rem,1.15rem + 0.5vw,1.5rem);--font-size-2xl:clamp(1.5rem,1.35rem + 0.75vw,1.875rem);--font-size-3xl:clamp(1.875rem,1.65rem + 1.125vw,2.25rem);--font-size-4xl:clamp(2.25rem,1.95rem + 1.5vw,3rem);--font-size-5xl:clamp(3rem,2.5rem + 2.5vw,4rem);--font-size-6xl:clamp(4rem,3.25rem + 3.75vw,6rem);--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.375;--line-height-normal:1.6;--line-height-relaxed:1.8;--line-height-loose:2.0;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--space-px:1px;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-56:14rem;--space-64:16rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-base:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-xl:0 25px 50px -12px #00000040;--shadow-2xl:0 50px 100px -20px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-brand:0 10px 15px -3px #e91e631a,0 4px 6px -4px #e91e631a;--shadow-success:0 10px 15px -3px #4caf501a,0 4px 6px -4px #4caf501a;--shadow-warning:0 10px 15px -3px #ff98001a,0 4px 6px -4px #ff98001a;--shadow-error:0 10px 15px -3px #f443361a,0 4px 6px -4px #f443361a;--transition-fast:150ms ease-out;--transition-normal:250ms ease-out;--transition-slow:350ms ease-out;--transition-all:all var(--transition-normal);--transition-colors:color var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal);--transition-transform:transform var(--transition-normal);--transition-opacity:opacity var(--transition-normal);--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;--gradient-primary:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary) 100%);--gradient-secondary:linear-gradient(135deg,var(--brand-secondary) 0%,var(--brand-accent) 100%);--gradient-accent:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-primary) 100%);--gradient-dark:linear-gradient(135deg,var(--dark-200) 0%,var(--dark-400) 100%);--gradient-overlay:linear-gradient(180deg,#0000,#000c);--blur-xs:blur(2px);--blur-sm:blur(4px);--blur-base:blur(8px);--blur-md:blur(12px);--blur-lg:blur(16px);--blur-xl:blur(24px);--blur-2xl:blur(40px);--blur-3xl:blur(64px);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}@media (max-width:640px){:root{--space-6:1rem;--space-8:1.5rem;--space-12:2rem}}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0ms;--transition-normal:0ms;--transition-slow:0ms}}@media (prefers-contrast:high){:root{--text-primary:#fff;--text-secondary:#f8f9fa;--text-tertiary:#e9ecef;--border-primary:#fff6;--border-secondary:#fff3}}.text-heading-1{font-size:clamp(2.25rem,1.95rem + 1.5vw,3rem);font-size:var(--font-size-4xl);font-weight:700;font-weight:var(--font-weight-bold)}.text-heading-1,.text-heading-2{color:#fff;color:var(--text-primary);letter-spacing:-.025em;letter-spacing:var(--letter-spacing-tight);line-height:1.375;line-height:var(--line-height-tight)}.text-heading-2{font-size:clamp(1.875rem,1.65rem + 1.125vw,2.25rem);font-size:var(--font-size-3xl);font-weight:600;font-weight:var(--font-weight-semibold)}.text-heading-3{font-size:clamp(1.5rem,1.35rem + .75vw,1.875rem);font-size:var(--font-size-2xl);font-weight:600;font-weight:var(--font-weight-semibold)}.text-heading-3,.text-heading-4{color:#fff;color:var(--text-primary);line-height:1.6;line-height:var(--line-height-normal)}.text-heading-4{font-size:clamp(1.25rem,1.15rem + .5vw,1.5rem);font-size:var(--font-size-xl);font-weight:500;font-weight:var(--font-weight-medium)}.text-body-large{font-size:clamp(1.125rem,1.05rem + .375vw,1.25rem);font-size:var(--font-size-lg);line-height:1.8;line-height:var(--line-height-relaxed)}.text-body,.text-body-large{color:#f8f9fa;color:var(--text-secondary);font-weight:400;font-weight:var(--font-weight-regular)}.text-body{font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-size:var(--font-size-base)}.text-body,.text-body-small{line-height:1.6;line-height:var(--line-height-normal)}.text-body-small{color:#e9ecef;color:var(--text-tertiary);font-size:clamp(.875rem,.825rem + .25vw,.9375rem);font-size:var(--font-size-sm);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:.025em;letter-spacing:var(--letter-spacing-wide)}.text-caption{color:#d6d9dc;color:var(--text-muted);font-size:clamp(.8125rem,.75rem + .3vw,.875rem);font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);letter-spacing:.05em;letter-spacing:var(--letter-spacing-wider);line-height:1.6;line-height:var(--line-height-normal);text-transform:uppercase}.container{max-width:1200px}.container,.container-sm{margin:0 auto;padding:0 var(--space-6);width:100%}.container-sm{max-width:800px}.container-xs{margin:0 auto;max-width:600px;padding:0 var(--space-6);width:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-1{flex:1 1}.flex-auto{flex:auto}.flex-none{flex:none}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-brand{color:var(--brand-primary)}.text-success{color:var(--success-500)}.text-warning{color:var(--warning-500)}.text-error{color:var(--error-500)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-auto{margin:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-2{padding-bottom:var(--space-2);padding-top:var(--space-2)}.py-3{padding-bottom:var(--space-3);padding-top:var(--space-3)}.py-4{padding-bottom:var(--space-4);padding-top:var(--space-4)}.py-6{padding-bottom:var(--space-6);padding-top:var(--space-6)}.py-8{padding-bottom:var(--space-8);padding-top:var(--space-8)}.bg-primary{background-color:var(--background-primary)}.bg-secondary{background-color:var(--background-secondary)}.bg-elevated{background-color:var(--background-elevated)}.bg-brand{background:var(--gradient-primary)}.bg-success{background-color:var(--success-500)}.bg-warning{background-color:var(--warning-500)}.bg-error{background-color:var(--error-500)}.border{border:1px solid var(--border-primary)}.border-2{border:2px solid var(--border-primary)}.border-t{border-top:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.border-brand{border-color:var(--brand-primary)}.border-success{border-color:var(--success-500)}.border-warning{border-color:var(--warning-500)}.border-error{border-color:var(--error-500)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-brand{box-shadow:var(--shadow-brand)}.shadow-success{box-shadow:var(--shadow-success)}.shadow-warning{box-shadow:var(--shadow-warning)}.shadow-error{box-shadow:var(--shadow-error)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.inset-0{bottom:0;left:0;right:0;top:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:-webkit-fit-content;width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.transition{transition:var(--transition-all)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}.transition-opacity{transition:var(--transition-opacity)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.profile-placeholder{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-lg);color:var(--text-on-brand);display:flex;font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);height:200px;justify-content:center;width:100%}@media (max-width:640px){.sm\:hidden{display:none}.sm\:flex{display:flex}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:text-center{text-align:center}.sm\:px-4{padding-left:var(--space-4);padding-right:var(--space-4)}}@media (min-width:768px){.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:px-6{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:var(--space-8);padding-right:var(--space-8)}}.btn{border:none;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-normal)}.btn:disabled{opacity:.6}.btn:focus{outline:2px solid var(--border-focus);outline-offset:2px}.btn-sm{border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4)}.btn-base{padding:var(--space-3) var(--space-6)}.btn-lg{font-size:var(--font-size-lg);padding:var(--space-4) var(--space-8)}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:var(--background-elevated)}.btn-secondary:hover{background:var(--background-secondary)}.btn-outline{border:2px solid var(--brand-primary);color:var(--brand-primary)}.btn-outline:hover{background:var(--brand-primary);color:var(--text-on-brand)}.btn-ghost{background:#0000;color:var(--text-secondary)}.btn-ghost:hover{background:var(--background-elevated);color:var(--text-primary)}.btn-success{background:var(--success-500);box-shadow:var(--shadow-success);color:var(--text-on-brand)}.btn-success:hover{background:var(--success-600);transform:translateY(-1px)}.btn-warning{background:var(--warning-500);box-shadow:var(--shadow-warning);color:var(--text-on-brand)}.btn-warning:hover{background:var(--warning-600);transform:translateY(-1px)}.btn-error{background:var(--error-500);box-shadow:var(--shadow-error);color:var(--text-on-brand)}.btn-error:hover{background:var(--error-600);transform:translateY(-1px)}.card{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-6);position:relative;transition:var(--transition-all)}.card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{border-bottom:1px solid var(--border-secondary);margin-bottom:var(--space-4);padding-bottom:var(--space-4)}.card-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.card-subtitle{color:var(--text-tertiary);line-height:var(--line-height-normal);margin:var(--space-1) 0 0 0}.card-body,.card-subtitle{font-size:var(--font-size-base);font-weight:var(--font-weight-regular)}.card-body{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.card-footer{border-top:1px solid var(--border-secondary);margin-top:var(--space-6);padding-top:var(--space-4)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-2)}.form-input{font-family:var(--font-family-primary)}.form-input::placeholder{color:var(--text-muted);font-weight:var(--font-weight-regular)}.form-textarea{min-height:120px}.form-select{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:var(--transition-colors);width:100%}.form-select:focus{border-color:var(--brand-primary);outline:none}.form-error{color:var(--error-500)}.form-error,.form-help{margin-top:var(--space-1)}.form-help{color:var(--text-tertiary);font-size:var(--font-size-sm)}.badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.badge-primary{background:#e91e631a;border:1px solid #e91e6333;color:var(--brand-primary)}.badge-success{background:#4caf501a;border:1px solid #4caf5033;color:var(--success-500)}.badge-warning{background:#ff98001a;border:1px solid #ff980033;color:var(--warning-500)}.badge-error{background:#f443361a;border:1px solid #f4433633;color:var(--error-500)}.badge-neutral{background:#ffffff1a;border:1px solid var(--border-primary);color:var(--text-secondary)}.avatar{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;overflow:hidden}.avatar-sm{font-size:var(--font-size-sm);height:32px;width:32px}.avatar-base{font-size:var(--font-size-base);height:40px;width:40px}.avatar-lg{font-size:var(--font-size-lg);height:56px;width:56px}.avatar-xl{font-size:var(--font-size-xl);height:80px;width:80px}.avatar img{height:100%;object-fit:cover;width:100%}.modal-overlay{align-items:center;-webkit-backdrop-filter:var(--blur-base);backdrop-filter:var(--blur-base);background:var(--background-overlay);display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.modal-content{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid var(--border-secondary);padding:var(--space-6)}.modal-close{background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:var(--space-2);transition:var(--transition-colors)}.modal-close:hover{background:var(--background-secondary);color:var(--text-primary)}.modal-footer{border-top:1px solid var(--border-secondary);padding:var(--space-6)}.loading-spinner{border-top:3px solid var(--border-primary);border:3px solid var(--border-primary);border-top-color:var(--brand-primary)}.loading-dots{align-items:center;display:flex;gap:var(--space-2)}.loading-dot{animation:bounce 1.4s ease-in-out infinite both;background:var(--brand-primary);border-radius:50%;height:8px;width:8px}.loading-dot:first-child{animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}.toast{animation:slideIn .3s ease-out;background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--space-4);position:fixed;right:var(--space-6);top:var(--space-6);z-index:var(--z-toast)}.toast-success{border-left:4px solid var(--success-500)}.toast-warning{border-left:4px solid var(--warning-500)}.toast-error{border-left:4px solid var(--error-500)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.nav-tabs{border-bottom:1px solid var(--border-primary);display:flex;margin-bottom:var(--space-6)}.nav-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-6);transition:var(--transition-colors)}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{border-bottom-color:var(--brand-primary);color:var(--brand-primary)}@media (max-width:640px){.modal-content{border-radius:var(--radius-xl);margin:var(--space-4)}.card,.modal-body,.modal-footer,.modal-header{padding:var(--space-4)}.toast{left:var(--space-4);max-width:none;right:var(--space-4)}}.btn,.clickable,.toggle,[role=button],button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}*{word-wrap:break-word;overflow-wrap:break-word}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{font-size:16px}@media (max-width:480px){.card,.container{margin:var(--space-2);padding:var(--space-3)}.btn{font-size:var(--font-size-base);padding:var(--space-3) var(--space-4)}.btn,.btn-sm{min-height:44px}.btn-sm{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.form-group{margin-bottom:var(--space-4)}.input{font-size:16px;min-height:44px;padding:var(--space-3)}.text-xs{font-size:var(--font-size-sm)}.modal,.overlay{padding:var(--space-2)}.modal-content{-webkit-overflow-scrolling:touch;max-height:90vh;overflow-y:auto}}@media (max-width:640px){.mobile-nav-item{min-height:44px;padding:var(--space-3)}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.grid{gap:var(--space-3)}.grid,.grid-2,.grid-3{grid-template-columns:1fr}}@media (max-width:768px){.settings-container .toggle{margin-left:auto;margin-right:var(--space-2)}.settings-group{padding:var(--space-4)}.range-slider{margin:var(--space-4) 0}.range-slider input{min-height:44px}.messages-layout{grid-template-columns:1fr}.conversations-panel{display:none}.messages-layout.show-conversations .conversations-panel{display:flex}.messages-layout.show-conversations .chat-container{display:none}.discovery-mode-options{gap:var(--space-3);grid-template-columns:1fr}.discovery-mode-card{align-items:center;display:flex;gap:var(--space-3);min-height:44px;padding:var(--space-4)}.mode-icon{flex-shrink:0;font-size:var(--font-size-xl)}.mode-content{text-align:left}.single-match-container{padding:var(--space-2)}.single-match-card{margin:0}.single-match-actions{gap:var(--space-4);padding:var(--space-4)}.swipe-btn{min-height:60px;padding:var(--space-4)}.profile-header{align-items:center;flex-direction:column;gap:var(--space-4);text-align:center}.profile-image{height:120px;width:120px}.profile-actions{flex-wrap:wrap;gap:var(--space-3);justify-content:center;width:100%}.profile-actions .btn{flex:1 1;min-width:140px}.loading-container{padding:var(--space-4)}.loading-text{font-size:var(--font-size-base);text-align:center}.loading-spinner.spinner-large{height:40px;width:40px}[tabindex]:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid var(--brand-primary);outline-offset:2px}.interactive-element+.interactive-element{margin-top:var(--space-2)}}.container,body,html{overflow-x:hidden}.container{max-width:100vw}@media (max-width:768px){body{line-height:1.6}li,p{line-height:1.7}h1,h2,h3{line-height:1.3}}@supports (padding:max(0px)){.mobile-safe-top{padding-top:max(var(--space-4),env(safe-area-inset-top))}.mobile-safe-bottom{padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.mobile-safe-left{padding-left:max(var(--space-4),env(safe-area-inset-left))}.mobile-safe-right{padding-right:max(var(--space-4),env(safe-area-inset-right))}}@media (max-width:768px){*{animation-duration:.2s!important;transition-duration:.2s!important}.scrollable{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (prefers-contrast:high) and (max-width:768px){.btn,.card,.input{border-width:2px}}@media (prefers-reduced-motion:reduce) and (max-width:768px){*{animation:none!important;transition:none!important}.btn,button,input{transition:background-color .1s ease,border-color .1s ease}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-primary);color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0;text-rendering:optimizeSpeed}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}a{color:var(--brand-primary);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--brand-secondary);text-decoration:underline}code{border:1px solid var(--border-primary);border-radius:var(--radius-base);font-size:.9em;padding:var(--space-1) var(--space-2)}code,pre{background:var(--background-elevated);font-family:var(--font-family-mono)}pre{border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow-x:auto;padding:var(--space-4)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}::selection{background:var(--brand-primary);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:root{--color-primary:var(--brand-primary);--color-secondary:var(--brand-secondary);--color-background:var(--background-primary);--color-surface:var(--background-elevated);--color-text:var(--text-primary);--color-text-muted:var(--text-secondary);--color-border:var(--border-primary)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--text-secondary:#ffffffe6;--border-primary:#ffffff4d}}.manual-location-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.manual-location-modal{animation:slideUp .4s ease-out;background:var(--background-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.manual-location-header{background:var(--background-primary);border-bottom:1px solid var(--border-secondary);padding:var(--space-6);text-align:center}.manual-location-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-3) 0}.manual-location-header p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.manual-location-content{flex:1 1;overflow-y:auto;padding:var(--space-6)}.input-group{margin-bottom:var(--space-5)}.input-group label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.location-select{background:var(--background-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-base);padding:var(--space-3);transition:var(--transition-normal);width:100%}.location-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e91e631a;outline:none}.location-select:disabled{cursor:not-allowed;opacity:.5}.error-message{gap:var(--space-2);margin-bottom:var(--space-4)}.supported-locations{background:#e91e630d;border:1px solid #e91e6333;border-radius:var(--radius-lg);margin-top:var(--space-6);padding:var(--space-4)}.supported-locations h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0}.states-list{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.state-item{align-items:center;background:#e91e631a;border-radius:var(--radius-md);color:var(--brand-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2)}.manual-location-footer{background:var(--background-primary);border-top:1px solid var(--border-secondary);display:flex;gap:var(--space-3);padding:var(--space-6)}.manual-location-footer .btn{align-items:center;border-radius:var(--radius-xl);display:flex;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-4);transition:var(--transition-normal)}.btn-secondary:hover:not(:disabled){background:var(--background-primary);border-color:var(--text-secondary);color:var(--text-primary)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));box-shadow:var(--shadow-lg),0 0 20px #e91e6366;transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.privacy-note{background:#22c55e1a;border-top:1px solid #22c55e4d;padding:var(--space-4) var(--space-6);text-align:center}.privacy-note small{color:#059669;font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}@media (max-width:768px){.manual-location-modal{max-height:95vh;width:95%}.manual-location-content,.manual-location-footer,.manual-location-header,.privacy-note{padding:var(--space-4)}.states-list{grid-template-columns:1fr}.manual-location-footer{flex-direction:column}}@media (max-width:480px){.manual-location-modal{border-radius:var(--radius-xl);max-height:98vh;width:98%}.manual-location-header h2{font-size:var(--font-size-lg)}.manual-location-content,.manual-location-footer,.manual-location-header,.privacy-note{padding:var(--space-3)}}@media (prefers-contrast:high){.location-select{border-width:3px}}@media (prefers-reduced-motion:reduce){.loading-spinner,.manual-location-modal,.manual-location-overlay{animation:none}.btn-primary:hover{transform:none}}.location-restriction-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;display:flex;height:100vh;justify-content:center;left:0;padding:var(--space-4);position:fixed;top:0;width:100vw;z-index:10000}.location-restriction-modal{animation:modalSlideIn .3s ease-out;background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:0;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.restriction-header{align-items:center;background:var(--gradient-primary);border-bottom:1px solid var(--border-primary);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;justify-content:space-between;padding:var(--space-6)}.restriction-header h2{color:var(--text-on-brand);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.close-btn{height:32px;transition:var(--transition-colors);width:32px}.restriction-content{padding:var(--space-6)}.restriction-message{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);text-align:center}.allowed-states,.restriction-message{margin-bottom:var(--space-6)}.allowed-states h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-md)}.states-grid{grid-gap:var(--space-sm);display:grid;gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:var(--space-md)}.state-card{background:var(--surface-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);text-align:center;transition:all .2s ease}.state-card:hover{background:var(--primary-50);border-color:var(--primary-200);transform:translateY(-2px)}.state-name{color:var(--text-primary);font-size:var(--text-base);font-weight:600}.state-code{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.major-cities{margin-bottom:var(--space-6)}.major-cities h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-md)}.cities-list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.city-tag{background:var(--primary-100);border:1px solid var(--primary-200);border-radius:var(--radius-full);color:var(--primary-700);font-size:var(--text-sm);font-weight:500;padding:var(--space-xs) var(--space-sm)}.city-tag.more{background:var(--surface-tertiary);border-color:var(--border-secondary);color:var(--text-tertiary)}.allowed-cities{margin-bottom:var(--space-6)}.allowed-cities h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.allowed-cities ul{grid-gap:var(--space-2);display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.allowed-cities li{align-items:center;background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;padding:var(--space-2) var(--space-3)}.allowed-cities li:before{content:"🏙️";margin-right:var(--space-2)}.city-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}.nearest-location{background:#e91e631a;border:1px solid #e91e634d;border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-4);text-align:center}.nearest-location p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.nearest-city{background:#e91e631a;border:1px solid #e91e634d;border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-4);text-align:center}.nearest-city p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.beta-info{background:var(--background-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-4)}.beta-info h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);text-align:center}.beta-info p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);text-align:center}.contact-options{display:flex;gap:var(--space-3);justify-content:center}.contact-options .btn{flex:1 1;max-width:150px}.manual-location-option{background:#3b82f61a;border:1px solid #3b82f633;border-radius:var(--radius-lg);margin-bottom:var(--space-6);padding:var(--space-6)}.manual-location-option h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.manual-location-option p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.btn-outline{align-items:center;border:2px solid #2563eb;border:2px solid var(--primary-600,#2563eb);border-radius:var(--radius-lg);color:#2563eb;color:var(--primary-600,#2563eb);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .2s ease}.btn-outline:hover{background:#2563eb;background:var(--primary-600,#2563eb);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.restriction-footer{border-top:1px solid var(--border-primary);padding-top:var(--space-4);text-align:center}.small-text{color:var(--text-tertiary);font-size:var(--font-size-sm);font-style:italic;margin:0}@media (max-width:768px){.location-restriction-overlay{padding:var(--space-2)}.location-restriction-modal{max-height:95vh}.restriction-header{padding:var(--space-4)}.restriction-header h2{font-size:var(--font-size-lg)}.restriction-content{padding:var(--space-4)}.contact-options{flex-direction:column}.contact-options .btn{max-width:none}}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#181825cc;border-bottom:1px solid #ffffff14;height:64px;position:-webkit-sticky;position:sticky;top:0;transition:var(--transition-all);z-index:var(--z-sticky)}.navbar-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 var(--space-6);width:100%}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-2);letter-spacing:var(--letter-spacing-tight);position:relative;text-decoration:none;transition:var(--transition-transform)}.navbar-logo:hover{transform:scale(1.02)}.navbar-logo:before{content:"🎵";filter:drop-shadow(0 0 8px rgba(233,30,99,.6));font-size:1.25rem}.navbar-logo:after{background:var(--gradient-primary);border-radius:var(--radius-lg);content:"";inset:-4px;opacity:0;position:absolute;transition:opacity var(--transition-fast);z-index:-1}.navbar-logo:hover:after{opacity:.1}.nav-menu{list-style:none;margin:0;padding:0}.nav-item,.nav-menu{align-items:center;display:flex;gap:var(--space-2)}.nav-item{background:#0000;border:1px solid #0000;border-radius:var(--radius-xl);color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);padding:var(--space-2) var(--space-4);position:relative;text-decoration:none;transition:var(--transition-all);white-space:nowrap}.nav-item:hover{background:#ffffff0f;border-color:#ffffff1a;color:var(--text-primary);transform:translateY(-1px)}.nav-item.active{background:#e91e631a;border-color:#e91e6333;color:var(--text-primary)}.nav-item.active:before{background:var(--gradient-primary);border-radius:var(--radius-full);content:"";height:2px;left:50%;position:absolute;top:-1px;transform:translateX(-50%);width:16px}.nav-utility{gap:var(--space-3)}.nav-utility,.search-btn{align-items:center;display:flex}.search-btn{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:var(--radius-xl);color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-base);height:40px;justify-content:center;transition:var(--transition-all);width:40px}.search-btn:hover{background:#e91e631a;border-color:#e91e634d;color:var(--brand-primary);transform:translateY(-1px) scale(1.05)}.user-menu{position:relative}.user-avatar{align-items:center;background:var(--gradient-primary);border:2px solid #ffffff1a;border-radius:var(--radius-full);color:var(--text-on-brand);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);height:36px;justify-content:center;transition:var(--transition-all);width:36px}.user-avatar:hover{border-color:#fff3;box-shadow:0 0 20px #e91e6366;transform:scale(1.1)}.sign-out-btn{align-items:center;background:#f443361a;border:1px solid #f4433633;border-radius:var(--radius-xl);color:var(--error-500);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:var(--transition-all)}.sign-out-btn:hover{background:#f4433633;border-color:#f4433666;transform:translateY(-1px)}.mobile-menu-toggle{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:var(--radius-xl);color:var(--text-primary);cursor:pointer;display:none;font-size:var(--font-size-lg);height:40px;justify-content:center;transition:var(--transition-all);width:40px}.mobile-menu-toggle:hover{background:#ffffff1a;transform:scale(1.05)}.hamburger-icon{display:flex;flex-direction:column;height:14px;justify-content:space-around;width:18px}.hamburger-line{background-color:var(--text-primary);border-radius:1px;display:block;height:2px;transform-origin:center;transition:var(--transition-all);width:100%}.mobile-menu-toggle:hover .hamburger-line{background-color:var(--brand-primary)}.mobile-menu-overlay{align-items:flex-start;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;opacity:0;padding-top:80px;pointer-events:none;position:fixed;transition:opacity .3s ease,-webkit-backdrop-filter .3s ease;transition:opacity .3s ease,backdrop-filter .3s ease;transition:opacity .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;visibility:hidden;z-index:var(--z-modal)}.mobile-menu-overlay.open{opacity:1;pointer-events:auto;visibility:visible}.mobile-menu-overlay[style*="display: none"]{display:none!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important}.mobile-menu{background:var(--background-elevated);border:1px solid #ffffff1a;border-radius:var(--radius-3xl);box-shadow:0 20px 40px #0006;max-width:320px;overflow:hidden;transform:translateY(-20px) scale(.95);transition:transform .3s ease,opacity .3s ease;width:90%}.mobile-menu-overlay.open .mobile-menu{transform:translateY(0) scale(1)}.mobile-menu-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.mobile-menu-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin:0}.mobile-menu-close{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-xl);font-weight:700;height:36px;justify-content:center;position:relative;transition:var(--transition-colors);width:36px;z-index:999999}.mobile-menu-close:hover{background:#fff3;border-color:#fff6;color:#fff;transform:scale(1.1)}.mobile-menu-items{padding:var(--space-4) var(--space-2)}.mobile-menu-items a,.mobile-menu-items button{align-items:center;background:none;border:none;border-radius:var(--radius-xl);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-4);margin-bottom:var(--space-2);padding:var(--space-4) var(--space-4);position:relative;text-align:left;text-decoration:none;transition:var(--transition-all);width:100%}.mobile-menu-items a:hover,.mobile-menu-items button:hover{background:#e91e631a;color:var(--text-primary);transform:translateX(4px)}.mobile-menu-items .sign-out-mobile,.mobile-menu-items button:last-child{border-top:1px solid #ffffff14;color:var(--error-500);margin-top:var(--space-4);padding-top:var(--space-5)}.mobile-menu-items .sign-out-mobile:hover{background:#f443361a;color:var(--error-500)}@media (max-width:1200px){.navbar-container{padding:0 var(--space-4)}.nav-item{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}}@media (max-width:1024px){.nav-item:nth-child(n+6){display:none}.nav-utility{gap:var(--space-2)}}@media (max-width:768px){.nav-item:not(.primary){display:none}.user-avatar{height:32px;width:32px}.sign-out-btn,.user-avatar{font-size:var(--font-size-xs)}.sign-out-btn{padding:var(--space-2) var(--space-3)}}@media (max-width:640px){.navbar-logo{font-size:var(--font-size-base)}.nav-utility{gap:var(--space-2)}.sign-out-btn{display:none}.mobile-menu-toggle{display:flex}.mobile-menu-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:64px;z-index:1000}}@media (max-width:480px){.navbar-container{padding:0 var(--space-3)}.nav-item.primary{display:none}.user-avatar{font-size:var(--font-size-xs);height:28px;width:28px}.mobile-menu-toggle{height:36px;width:36px}.mobile-menu{margin:var(--space-4);max-width:none;width:95%}.mobile-menu-items{padding:var(--space-3)}}@media (max-width:360px){.navbar-logo{font-size:var(--font-size-sm)}.navbar-logo:before{font-size:1rem}.user-avatar{font-size:10px;height:24px;width:24px}.mobile-menu-toggle{font-size:var(--font-size-base);height:32px;width:32px}}.mobile-menu-toggle:focus,.nav-item:focus,.search-btn:focus,.sign-out-btn:focus,.user-avatar:focus{outline:2px solid var(--brand-primary);outline-offset:2px}.navbar.scrolled{background:#181825f2;border-bottom-color:#ffffff1f}.home-container{background:var(--background-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--space-6)}.hero-section{padding:var(--space-16) 0 var(--space-20);position:relative;text-align:center}.hero-content{margin:0 auto var(--space-12);max-width:600px}.welcome-badge{animation:fadeInUp .6s ease-out;margin-bottom:var(--space-6)}.hero-title{align-items:center;animation:fadeInUp .6s ease-out .2s both;display:flex;flex-wrap:wrap;font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);gap:var(--space-2);justify-content:center;line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.hero-greeting{color:#fff!important}.hero-name{white-space:nowrap}.hero-emoji{animation:musicBounce 2s ease-in-out infinite;font-size:.8em;margin-left:var(--space-1)}.hero-subtitle{animation:fadeInUp .6s ease-out .4s both;color:#f8f9fa!important;font-size:var(--font-size-xl);line-height:var(--line-height-relaxed)}.hero-stats{grid-gap:var(--space-6);animation:fadeInUp .6s ease-out .6s both;display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;max-width:600px}.stat-card{border:1px solid var(--border-primary);padding:var(--space-6)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-number{margin-bottom:var(--space-2)}.stat-label{color:#e9ecef!important;font-size:var(--font-size-sm);letter-spacing:.05em}.quick-actions-section{margin-bottom:var(--space-16)}.section-title{color:#fff!important;margin-bottom:var(--space-8);text-align:center}.action-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);color:inherit;overflow:hidden;padding:var(--space-8);position:relative;text-decoration:none;transition:var(--transition-all)}.action-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform var(--transition-normal)}.action-card:hover:before{transform:scaleX(1)}.action-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.action-icon{display:block;font-size:2.5rem;margin-bottom:var(--space-4)}.action-card h3{color:#fff!important;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.action-card p{color:#f8f9fa!important;line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.action-arrow{color:var(--brand-primary);font-size:var(--font-size-lg);position:absolute;right:var(--space-4);top:var(--space-4);transform:translateX(0);transition:var(--transition-transform)}.action-card:hover .action-arrow{transform:translateX(4px)}.activity-section{margin-bottom:var(--space-16)}.section-header{margin-bottom:var(--space-8)}.activity-feed{overflow:hidden}.activity-item{align-items:flex-start;border-bottom:1px solid var(--border-secondary);gap:var(--space-4);padding:var(--space-6)}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--background-secondary)}.activity-avatar{flex-shrink:0}.activity-content{flex:1 1;min-width:0}.activity-content p{color:#fff!important;font-size:var(--font-size-base);margin-bottom:var(--space-1)}.activity-content strong{color:var(--brand-primary);font-weight:var(--font-weight-semibold)}.activity-time{color:#e9ecef!important;font-size:var(--font-size-sm)}.home-actions{border-top:1px solid var(--border-secondary);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;padding-top:var(--space-8)}@media (max-width:1024px){.home-container{padding:var(--space-4)}.action-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.hero-section{padding:var(--space-12) 0 var(--space-16)}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-stats{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}.stat-card{padding:var(--space-4)}.stat-number{font-size:var(--font-size-2xl)}.action-grid{grid-template-columns:1fr}.action-card{padding:var(--space-6)}.section-header{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.activity-item{padding:var(--space-4)}}@media (max-width:640px){.home-container{padding:var(--space-3)}.hero-title{font-size:var(--font-size-3xl)}.hero-stats{gap:var(--space-3);grid-template-columns:1fr}.stat-card{padding:var(--space-3)}.action-card{padding:var(--space-4)}.home-actions{align-items:center;flex-direction:column}.home-actions .btn{max-width:300px;width:100%}}@media (prefers-color-scheme:dark){.activity-item:hover,.stat-card{background:#ffffff05}}@media (prefers-contrast:high){.action-card,.activity-feed,.stat-card{border-width:2px}}@media (prefers-reduced-motion:reduce){.action-card,.hero-content>*,.hero-stats,.stat-card{animation:none}.action-card:hover,.stat-card:hover{transform:none}}:root{--bg-primary:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--bg-surface:#fff;--bg-surface-secondary:#f8fafc;--bg-surface-accent:#f1f5f9;--text-primary:#000;--text-secondary:#1f2937;--text-tertiary:#374151;--text-on-surface:#111827;--text-placeholder:#6b7280;--accent-primary:#667eea;--accent-secondary:#764ba2;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-error:#ef4444;--border-light:#e2e8f0;--border-medium:#cbd5e1;--border-focus:var(--accent-primary);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@media (prefers-color-scheme:dark){:root{--bg-primary:linear-gradient(135deg,#4c1d95,#581c87 50%,#7c3aed);--bg-surface:#1e293b;--bg-surface-secondary:#334155;--bg-surface-accent:#475569;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--text-on-surface:#f1f5f9;--text-placeholder:#64748b;--accent-primary:#8b5cf6;--accent-secondary:#a855f7;--accent-success:#34d399;--accent-warning:#fbbf24;--accent-error:#f87171;--border-light:#475569;--border-medium:#64748b;--border-focus:var(--accent-primary);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #00000080,0 8px 10px -6px #00000080}}*{box-sizing:border-box;margin:0;padding:0}.login-page{align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--bg-primary);background-size:400% 400%;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;justify-content:center;min-height:100vh;padding:1rem}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.login-container{animation:slideInUp .8s cubic-bezier(.4,0,.2,1);max-width:400px;position:relative;width:100%;z-index:1}.login-header{margin-bottom:2rem;position:relative;text-align:center}.brand{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.brand-icon{animation:musicBounce 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3.5rem}@keyframes musicBounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(-5deg)}75%{transform:translateY(-4px) rotate(5deg)}}.brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f0f9ff 50%,#ddd6fe);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:900;letter-spacing:-.03em;text-shadow:0 4px 8px #0000004d}.brand-tagline{color:#fffffff2;font-size:1.125rem;font-weight:600;letter-spacing:.025em;text-shadow:0 2px 4px #0006}.login-form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #0006;overflow:hidden;padding:2.5rem;position:relative}.login-form-container:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#f093fb);background:linear-gradient(90deg,var(--accent-primary) 0,var(--accent-secondary) 50%,#f093fb 100%);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-header{margin-bottom:2rem;text-align:center}.form-title{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.5rem}.form-description{color:#fffc;font-size:1rem;font-weight:500;line-height:1.6}.login-form{gap:1.5rem;margin-bottom:2rem}.input-field,.login-form{display:flex;flex-direction:column}.input-field{gap:.5rem}.input-label{color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.form-input{background:#ffffff1a;border:2px solid #fff3;border-radius:16px;color:#fff;font-size:1rem;font-weight:500;outline:none;padding:1rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input::placeholder{color:#ffffff80;font-weight:400}.form-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf64d;transform:translateY(-2px)}.form-input:hover:not(:focus):not(:disabled){border-color:#fff6;transform:translateY(-1px)}.form-input:disabled{background:#ffffff0d;color:#ffffff4d;cursor:not-allowed}.error-message{align-items:center;animation:errorShake .6s ease-in-out;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444;border:2px solid var(--accent-error);border-radius:12px;color:#dc2626;display:flex;font-size:.9rem;font-weight:600;gap:.75rem;padding:1rem 1.25rem}.error-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1.25rem}@keyframes errorShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.submit-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.025em;min-height:56px;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.submit-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 12px 24px #667eea66;transform:translateY(-3px)}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:active:not(:disabled){transform:translateY(-1px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-spinner{border:3px solid #ffffff4d;height:24px;width:24px}.form-footer{display:flex;flex-direction:column;gap:1rem;text-align:center}.forgot-password-btn{background:none;border:none;border-radius:8px;color:#8b5cf6;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem;text-decoration:none;transition:all .2s ease}.forgot-password-btn:hover:not(:disabled){background:#8b5cf633;transform:translateY(-1px)}.auth-switch{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;display:flex;gap:.5rem;justify-content:center;padding:1.25rem}.auth-switch-text{color:#ffffffb3;font-size:.9rem;font-weight:500}.auth-switch-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:.025em;padding:.5rem 1rem;text-transform:uppercase;transition:all .2s ease}.auth-switch-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.features-section{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0 1rem}.feature-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;display:flex;gap:1rem;padding:1rem 1.25rem;transition:all .3s ease}.feature-item:hover{background:#ffffff40;transform:translateY(-3px)}.feature-emoji{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.5rem}.feature-text{color:#fff;font-size:.9rem;font-weight:600;text-shadow:0 1px 3px #0006}.legal-section{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.legal-link{border-radius:6px;color:#ffffffe6;font-size:.8rem;font-weight:500;padding:.5rem;text-decoration:none;transition:all .2s ease}.legal-link:hover{background:#ffffff1a;color:#fff;text-decoration:underline}.legal-divider{color:#fff9;font-weight:600}@media (prefers-color-scheme:dark){.error-message{background:linear-gradient(135deg,#450a0a,#7f1d1d);border-color:#ef4444;border-color:var(--accent-error);color:#fca5a5}.form-input:focus{box-shadow:0 0 0 4px #8b5cf633}.submit-button:hover:not(:disabled){box-shadow:0 12px 24px #8b5cf666}.auth-switch-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf666}}@media (min-width:768px){.login-container{max-width:480px}.login-form-container{padding:3rem}.brand-name{font-size:3.5rem}.brand-icon{font-size:4rem}.form-title{font-size:2.25rem}.features-section{flex-direction:row;gap:1rem}.feature-item{flex:1 1;flex-direction:column;gap:.5rem;padding:1.5rem 1rem;text-align:center}}@media (max-width:480px){.login-page{padding:.75rem}.login-form-container{border-radius:20px;padding:2rem 1.5rem}.brand-name{font-size:2.5rem}.form-input{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.form-input{border-width:3px}.auth-switch-btn:focus,.form-input:focus,.submit-button:focus{outline:3px solid;outline-offset:2px}}.btn{-webkit-tap-highlight-color:transparent;background:#0000;font-family:inherit;gap:var(--space-2);overflow:hidden;position:relative;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 var(--brand-primary);outline-offset:2px}.btn--small{font-size:var(--font-size-sm);line-height:1.4;min-height:32px;padding:var(--space-1) var(--space-3)}.btn--medium{font-size:var(--font-size-base);line-height:1.5;min-height:40px;padding:var(--space-2) var(--space-4)}.btn--large{font-size:var(--font-size-lg);line-height:1.5;min-height:48px;padding:var(--space-3) var(--space-6)}.btn--full-width{width:100%}.btn--primary{background:var(--gradient-primary);border-color:#0000;box-shadow:0 2px 8px #e91e6333;color:var(--text-on-brand)}.btn--primary:hover:not(.btn--disabled):not(.btn--loading){background:linear-gradient(135deg,#e91e63,#ad1457);box-shadow:0 4px 16px #e91e634d;transform:translateY(-1px)}.btn--primary:active:not(.btn--disabled):not(.btn--loading){box-shadow:0 2px 8px #e91e6366;transform:translateY(0)}.btn--secondary{background:#ffffff0f;border-color:#ffffff1a;color:var(--text-primary)}.btn--secondary:hover:not(.btn--disabled):not(.btn--loading){background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.btn--secondary:active:not(.btn--disabled):not(.btn--loading){background:#ffffff14;transform:translateY(0)}.btn--outline{background:#0000;border-color:var(--brand-primary);color:var(--brand-primary)}.btn--outline:hover:not(.btn--disabled):not(.btn--loading){background:#e91e631a;border-color:var(--brand-primary);transform:translateY(-1px)}.btn--outline:active:not(.btn--disabled):not(.btn--loading){background:#e91e6326;transform:translateY(0)}.btn--ghost{background:#0000;border-color:#0000;color:var(--text-secondary)}.btn--ghost:hover:not(.btn--disabled):not(.btn--loading){background:#ffffff0f;color:var(--text-primary)}.btn--ghost:active:not(.btn--disabled):not(.btn--loading){background:#ffffff14}.btn--destructive{background:#f443361a;border-color:#f4433633;color:var(--error-500)}.btn--destructive:hover:not(.btn--disabled):not(.btn--loading){background:#f4433633;border-color:#f4433666;transform:translateY(-1px)}.btn--destructive:active:not(.btn--disabled):not(.btn--loading){background:#f4433640;transform:translateY(0)}.btn--success{background:#4caf501a;border-color:#4caf5033;color:var(--success-500)}.btn--success:hover:not(.btn--disabled):not(.btn--loading){background:#4caf5033;border-color:#4caf5066;transform:translateY(-1px)}.btn--success:active:not(.btn--disabled):not(.btn--loading){background:#4caf5040;transform:translateY(0)}.btn--disabled{box-shadow:none!important;cursor:not-allowed;opacity:.5;transform:none!important}.btn--loading{color:#0000!important;cursor:default}.btn--loading .btn__text{opacity:0}.btn__loading-spinner{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:initial;height:16px;width:16px}.btn__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.btn__icon--left{margin-left:calc(var(--space-1)*-1);margin-right:var(--space-1)}.btn__icon--right{margin-left:var(--space-1);margin-right:calc(var(--space-1)*-1)}.btn--small .btn__icon{font-size:var(--font-size-sm)}.btn--small .spinner{border-width:1.5px;height:14px;width:14px}.btn--large .btn__icon{font-size:var(--font-size-lg)}.btn--large .spinner{border-width:2.5px;height:18px;width:18px}.btn--music{background:linear-gradient(135deg,#9c27b0,#673ab7);border-color:#0000;box-shadow:0 2px 8px #9c27b033;color:var(--text-on-brand)}.btn--music:hover:not(.btn--disabled):not(.btn--loading){background:linear-gradient(135deg,#8e24aa,#5e35b1);box-shadow:0 4px 16px #9c27b04d;transform:translateY(-1px)}.btn--spotify{background:#1ed760;border-color:#0000;box-shadow:0 2px 8px #1ed76033;color:#000}.btn--spotify:hover:not(.btn--disabled):not(.btn--loading){background:#1db954;box-shadow:0 4px 16px #1ed7604d;transform:translateY(-1px)}.btn--apple-music{background:linear-gradient(135deg,#fa233b,#ff6b6b);border-color:#0000;box-shadow:0 2px 8px #fa233b33;color:var(--text-on-brand)}.btn--apple-music:hover:not(.btn--disabled):not(.btn--loading){background:linear-gradient(135deg,#e21e3b,#ff5252);box-shadow:0 4px 16px #fa233b4d;transform:translateY(-1px)}@media (max-width:640px){.btn--large{font-size:var(--font-size-base);min-height:44px;padding:var(--space-2) var(--space-4)}.btn--medium{font-size:var(--font-size-sm);min-height:40px;padding:var(--space-2) var(--space-3)}}@media (prefers-contrast:high){.btn--primary{border:2px solid var(--brand-primary)}.btn--secondary{border:2px solid var(--text-primary)}.btn--outline{border-width:2px}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover{transform:none}.spinner{animation:none}}@media (prefers-color-scheme:light){.btn--secondary{background:#0000000f;border-color:#0000001a;color:var(--text-primary)}.btn--secondary:hover:not(.btn--disabled):not(.btn--loading){background:#0000001a;border-color:#0003}}.loading-spinner{flex-shrink:0}.spinner-small{border:2px solid #0000001a;border-top-color:currentcolor;height:16px;width:16px}.spinner-medium{border:3px solid #0000001a;border-top-color:currentcolor;height:32px;width:32px}.spinner-large{border:4px solid #0000001a;border-top-color:currentcolor;height:48px;width:48px}.spinner-primary{border-top-color:var(--brand-primary)}.spinner-secondary{border-top-color:var(--text-secondary)}.spinner-white{border-color:#fff #ffffff4d #ffffff4d}.loading-container{padding:var(--space-4)}.loading-fullscreen{background:var(--background-primary);z-index:9999}.loading-fullscreen,.loading-overlay{bottom:0;left:0;position:fixed;right:0;top:0}.loading-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;z-index:9998}.loading-content{align-items:center;border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);text-align:center}.loading-content,.loading-overlay .loading-content{background:var(--background-elevated)}.loading-text{color:var(--text-primary);font-size:var(--font-size-base);margin:0}.loading-inline{align-items:center;display:inline-flex;gap:var(--space-2)}.loading-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--background-secondary) 25%,var(--background-primary) 50%,var(--background-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.skeleton-line:last-child{margin-bottom:0}.btn.loading{opacity:.7;pointer-events:none}.btn.loading .loading-spinner{margin-right:var(--space-2)}.loading-card{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-4)}.loading-card-header{margin-bottom:var(--space-4)}.loading-card-body{margin-top:var(--space-4)}@media (prefers-color-scheme:dark){.skeleton-line{background:linear-gradient(90deg,var(--background-primary) 25%,var(--background-secondary) 50%,var(--background-primary) 75%)}}@media (prefers-reduced-motion:reduce){.loading-card,.loading-skeleton,.loading-spinner,.skeleton-line{animation:none}.skeleton-line{background:var(--background-secondary)}}@media (max-width:768px){.loading-content{margin:var(--space-4);padding:var(--space-6)}.spinner-large{border-width:3px;height:40px;width:40px}.loading-text{font-size:var(--font-size-sm)}}.music-spinner{align-items:center;display:flex;gap:4px;justify-content:center}.music-note{animation:bounce 1.4s ease-in-out infinite;color:var(--brand-primary);font-size:16px}.music-note:first-child{animation-delay:-.32s}.music-note:nth-child(2){animation-delay:-.16s}.music-note:nth-child(3){animation-delay:0s}.music-spinner.spinner-small .music-note{font-size:12px}.music-spinner.spinner-large .music-note{font-size:20px}.vinyl-spinner{align-items:center;display:flex;justify-content:center}.vinyl-record{animation:spin 2s linear infinite;background:radial-gradient(circle,#1a1a1a 30%,#333 35%,#1a1a1a 40%);border:2px solid #333;border-radius:50%;height:32px;position:relative;width:32px}.vinyl-center,.vinyl-record{align-items:center;display:flex;justify-content:center}.vinyl-center{background:var(--brand-primary);border-radius:50%;color:#fff;font-size:6px;height:8px;width:8px}.vinyl-spinner.spinner-small .vinyl-record{height:24px;width:24px}.vinyl-spinner.spinner-small .vinyl-center{font-size:4px;height:6px;width:6px}.vinyl-spinner.spinner-large .vinyl-record{height:48px;width:48px}.vinyl-spinner.spinner-large .vinyl-center{font-size:8px;height:12px;width:12px}.pulse-spinner{align-items:center;display:flex;gap:4px}.pulse-dot{animation:pulse-scale 1.4s ease-in-out infinite both;background:var(--brand-primary);border-radius:50%;height:8px;width:8px}.pulse-dot:first-child{animation-delay:-.32s}.pulse-dot:nth-child(2){animation-delay:-.16s}.pulse-dot:nth-child(3){animation-delay:0s}.pulse-spinner.spinner-small .pulse-dot{height:6px;width:6px}.pulse-spinner.spinner-large .pulse-dot{height:12px;width:12px}.bars-spinner{align-items:end;display:flex;gap:2px;height:24px}.bar{animation:bars-dance 1s ease-in-out infinite;background:var(--brand-primary);border-radius:1px;width:3px}.bar:first-child{animation-delay:-.4s}.bar:nth-child(2){animation-delay:-.3s}.bar:nth-child(3){animation-delay:-.2s}.bar:nth-child(4){animation-delay:-.1s}.bar:nth-child(5){animation-delay:0s}.bars-spinner.spinner-small{height:16px}.bars-spinner.spinner-small .bar{width:2px}.bars-spinner.spinner-large{height:32px}.bars-spinner.spinner-large .bar{width:4px}@keyframes pulse-scale{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes bars-dance{0%,40%,to{opacity:.7;transform:scaleY(.4)}20%{opacity:1;transform:scaleY(1)}}.spinner-primary .bar,.spinner-primary .music-note,.spinner-primary .pulse-dot{background:var(--brand-primary);color:var(--brand-primary)}.spinner-secondary .bar,.spinner-secondary .music-note,.spinner-secondary .pulse-dot{background:var(--text-secondary);color:var(--text-secondary)}.spinner-white .bar,.spinner-white .music-note,.spinner-white .pulse-dot{background:#fff;color:#fff}.spinner-white .vinyl-record{background:radial-gradient(circle,#666 30%,#999 35%,#666 40%);border-color:#999}.spinner-white .vinyl-center{background:#fff;color:#333}@media (prefers-contrast:high){.loading-spinner{border-width:3px}.skeleton-line{border:1px solid var(--border-primary)}.vinyl-record{border-width:3px}.bar,.music-note,.pulse-dot{filter:contrast(2)}}@media (prefers-reduced-motion:reduce){.bar,.music-note,.pulse-dot,.vinyl-record{animation:none}.music-note{opacity:.8}.pulse-dot{opacity:.6}.bar{height:50%;opacity:.7}}.photo-upload{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-2xl);padding:var(--space-6);transition:var(--transition-all);width:100%}.photo-upload:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e91e631a}.photo-upload-header{margin-bottom:var(--space-6);text-align:center}.photo-upload-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.photo-upload-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0}.photo-grid{margin-bottom:var(--space-6)}.photo-slot{aspect-ratio:1;border-radius:var(--radius-xl);overflow:hidden;position:relative;transition:var(--transition-all)}.photo-slot.occupied{background:var(--background-tertiary);border:2px solid var(--border-primary)}.photo-slot.add-photo{align-items:center;background:var(--background-tertiary);border:2px dashed var(--border-secondary);cursor:pointer;display:flex;justify-content:center;transition:var(--transition-all)}.photo-slot.add-photo:hover{background:#e91e630d;border-color:var(--brand-primary);transform:translateY(-2px)}.photo-slot.add-photo.drag-active{background:#4caf501a;border-color:var(--success-500);transform:scale(1.02)}.photo-slot.add-photo.disabled{cursor:not-allowed;opacity:.5}.photo-slot.add-photo.disabled:hover{background:var(--background-tertiary);border-color:var(--border-secondary);transform:none}.photo-preview{height:100%;overflow:hidden;position:relative;width:100%}.photo-image{height:100%;object-fit:cover;transition:var(--transition-all);width:100%}.photo-slot:hover .photo-image{transform:scale(1.05)}.main-photo-badge{background:var(--brand-primary);border-radius:var(--radius-sm);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);left:var(--space-2);letter-spacing:.5px;padding:var(--space-1) var(--space-2);position:absolute;text-transform:uppercase;top:var(--space-2);z-index:2}.upload-overlay{align-items:center;background:#000c;display:flex;flex-direction:column;gap:var(--space-2);inset:0;justify-content:center;position:absolute;z-index:3}.upload-progress{background:#fff3;border-radius:var(--radius-full);height:4px;overflow:hidden;width:80%}.upload-progress-bar{background:var(--brand-primary);border-radius:var(--radius-full);height:100%;transition:width .3s ease}.upload-text{font-weight:var(--font-weight-medium)}.remove-photo-btn,.upload-text{color:#fff;font-size:var(--font-size-sm)}.remove-photo-btn{align-items:center;background:#f44336e6;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;font-weight:700;height:28px;justify-content:center;opacity:0;position:absolute;right:var(--space-2);top:var(--space-2);transition:var(--transition-all);width:28px;z-index:4}.photo-slot:hover .remove-photo-btn{opacity:1}.remove-photo-btn:hover{background:var(--error-600);transform:scale(1.1)}.remove-photo-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.add-photo-content{padding:var(--space-4);text-align:center}.add-photo-icon{font-size:2rem;margin-bottom:var(--space-2);transition:var(--transition-transform)}.photo-slot.add-photo:hover .add-photo-icon{transform:scale(1.1)}.add-photo-text{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.add-photo-subtext{color:var(--text-secondary);font-size:var(--font-size-xs)}.photo-upload-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-6)}.upload-tips{background:#e91e630d;border:1px solid #e91e631a;border-radius:var(--radius-lg);padding:var(--space-4)}.upload-tips h4{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0 0 var(--space-3) 0}.upload-tips h4:before{content:"💡";font-size:var(--font-size-base)}.upload-tips ul{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.upload-tips li{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);line-height:1.4}.upload-tips li:before{color:var(--brand-primary);content:"•";flex-shrink:0;font-weight:700;margin-top:.1em}@media (max-width:768px){.photo-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.photo-upload{padding:var(--space-4)}.photo-upload-actions{align-items:center;flex-direction:column}.photo-upload-actions .btn{max-width:200px;width:100%}}@media (max-width:480px){.photo-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.photo-upload{padding:var(--space-3)}.add-photo-content{padding:var(--space-2)}.add-photo-icon{font-size:1.5rem}.upload-tips{padding:var(--space-3)}}.photo-slot:focus-within{outline:2px solid var(--brand-primary);outline-offset:2px}.remove-photo-btn:focus{opacity:1;outline:2px solid #fff;outline-offset:2px}@media (prefers-contrast:high){.photo-slot.add-photo{border-width:3px}.main-photo-badge,.remove-photo-btn{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){.add-photo-icon,.photo-image,.photo-slot,.remove-photo-btn,.upload-progress-bar{transition:none}.photo-slot.add-photo.drag-active,.photo-slot.add-photo:hover,.photo-slot:hover .photo-image{transform:none}}@media (prefers-color-scheme:dark){.upload-overlay{background:#000000e6}.upload-tips{background:#e91e631a;border-color:#e91e6333}}.festival-matches{padding:var(--space-4)}.matches-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.matches-header p{color:var(--text-secondary);margin-bottom:var(--space-4)}.matches-controls{border:1px solid var(--border-primary);gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-3)}.matches-controls label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.matches-controls select{background:#ffffff0d;border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);transition:var(--transition-all)}.matches-controls select:hover{background:#ffffff14;border-color:var(--border-hover)}.matches-controls select:focus{border-color:var(--brand-primary);outline:none}.loading-matches{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12);text-align:center}.loading-spinner{border:4px solid #ffffff1a;border-left:4px solid var(--brand-primary);height:40px;width:40px}.matches-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.match-card{border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4)}.match-card:hover{background:#ffffff0f;border-color:var(--border-hover);transform:translateY(-2px)}.match-header{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.match-avatar{border:2px solid var(--border-primary);border-radius:50%;height:60px;object-fit:cover;width:60px}.match-info{flex:1 1}.match-name-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.match-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.match-details{color:var(--text-secondary);margin:0}.match-bio,.match-details{font-size:var(--font-size-sm)}.match-bio{margin-bottom:var(--space-3)}.common-festivals-label{margin-bottom:var(--space-2)}.common-festivals-list{gap:var(--space-2)}.festival-mini-badge{border:1px solid #ffffff1a;border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.no-matches{grid-column:1/-1;padding:var(--space-12);text-align:center}.no-matches h4{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.no-matches p{color:var(--text-secondary);font-size:var(--font-size-base)}.festival-matching-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}.festival-matching-content{background:var(--background-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:1200px;width:100%}.festival-matching-header{background:var(--gradient-primary);border-bottom:1px solid var(--border-primary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:var(--text-on-brand);padding:var(--space-6);position:relative}.festival-matching-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.festival-matching-header p{font-size:var(--font-size-base);margin:0;opacity:.9}.close-btn{background:#fff3;border-radius:50%;color:var(--text-on-brand);position:absolute;right:var(--space-4);top:var(--space-4);transition:var(--transition-all)}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.festival-matching-tabs{background:var(--background-elevated);border-bottom:1px solid var(--border-primary);display:flex}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-4);transition:var(--transition-colors)}.tab-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.tab-btn.active{background:var(--background-primary);border-bottom-color:var(--brand-primary);color:var(--brand-primary)}.festival-controls{background:var(--background-elevated);border-bottom:1px solid var(--border-primary);padding:var(--space-4) var(--space-6)}.search-filter-row{align-items:center;display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.search-box{flex:1 1;position:relative}.search-input{background:var(--background-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);padding-right:var(--space-10);transition:var(--transition-colors);width:100%}.search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e91e631a;outline:none}.search-icon{color:var(--text-tertiary);font-size:var(--font-size-lg);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%)}.year-filter{background:var(--background-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-base);min-width:120px;padding:var(--space-3) var(--space-4);transition:var(--transition-colors)}.year-filter:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e91e631a;outline:none}.selection-summary{align-items:center;background:var(--brand-primary);border-radius:var(--radius-lg);color:var(--text-on-brand);display:flex;font-weight:var(--font-weight-medium);justify-content:space-between;padding:var(--space-3)}.festival-matching-body{flex:1 1;overflow-y:auto;padding:var(--space-6)}.festivals-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.festival-card{background:var(--background-elevated);border:2px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;overflow:hidden;position:relative;transition:var(--transition-all)}.festival-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.festival-card.selected{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e91e6333}.festival-card.past{opacity:.7}.festival-card.happening{animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:var(--brand-primary)}50%{border-color:#ff4081}}.festival-image{background-image:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));background-position:50%;background-size:cover;height:200px;position:relative}.festival-image:after{background:linear-gradient(180deg,#0000001a,#0009);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.festival-status-badge{background:#000c;border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);position:absolute;right:var(--space-3);top:var(--space-3);z-index:2}.festival-content{padding:var(--space-5)}.festival-header{margin-bottom:var(--space-4)}.festival-name{align-items:center;display:flex;font-size:var(--font-size-xl);gap:var(--space-2);margin:0 0 var(--space-2) 0}.festival-name,.weekend-badge{font-weight:var(--font-weight-bold)}.weekend-badge{background:var(--brand-primary);border-radius:var(--radius-md);color:var(--text-on-brand);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.festival-location{color:var(--text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.festival-details{margin-bottom:var(--space-4)}.festival-dates{color:var(--brand-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.festival-venue{color:var(--text-tertiary);font-size:var(--font-size-sm)}.festival-headliners{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.festival-genres{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.genre-tag{padding:var(--space-1) var(--space-2)}.selected-indicator{align-items:center;color:var(--brand-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2)}.check-icon{align-items:center;background:var(--brand-primary);border-radius:50%;color:var(--text-on-brand);display:flex;font-size:var(--font-size-xs);height:20px;justify-content:center;width:20px}.badge-toggle-container{border-top:1px solid var(--border-primary);margin-top:var(--space-4);padding-top:var(--space-4)}.badge-toggle{align-items:center;cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.badge-toggle input{cursor:pointer;height:18px;width:18px}.badge-toggle-text{color:var(--text-secondary)}.my-festivals-header{margin-bottom:var(--space-6);text-align:center}.my-festivals-header h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.my-festivals-header p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.no-festivals{color:var(--text-secondary);padding:var(--space-8);text-align:center}.no-festivals h3{color:var(--text-primary);font-size:var(--font-size-xl);margin:0 0 var(--space-2) 0}.no-festivals p{margin:0 0 var(--space-4) 0}.matches-header{margin-bottom:var(--space-6)}.matches-header h3{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2) 0}.coming-soon{background:var(--background-elevated);border:2px dashed var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center}.coming-soon h4{color:var(--text-primary);font-size:var(--font-size-xl);margin:0 0 var(--space-4) 0}.coming-soon p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-2) 0}.festival-actions{background:var(--background-elevated);border-top:1px solid var(--border-primary);display:flex;justify-content:center;padding:var(--space-4) var(--space-6)}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-lg);color:#ef4444}.error-message,.success-message{font-size:var(--font-size-sm);margin:var(--space-4) var(--space-6);padding:var(--space-3);text-align:center}.success-message{background:#10b9811a;border:1px solid #10b9814d;border-radius:var(--radius-lg);color:#10b981}@media (max-width:768px){.festival-matching-modal{padding:var(--space-2)}.festival-matching-content{max-height:95vh}.festival-matching-header{padding:var(--space-4)}.festival-matching-header h2{font-size:var(--font-size-xl)}.close-btn{font-size:var(--font-size-lg);height:36px;width:36px}.festival-matching-tabs{overflow-x:auto}.tab-btn{font-size:var(--font-size-sm);min-width:120px;padding:var(--space-3);white-space:nowrap}.festival-controls{padding:var(--space-3) var(--space-4)}.search-filter-row{flex-direction:column;gap:var(--space-3)}.year-filter{width:100%}.festival-matching-body{padding:var(--space-4)}.festivals-grid{gap:var(--space-4);grid-template-columns:1fr}.festival-card{border-radius:var(--radius-lg)}.festival-content{padding:var(--space-4)}.festival-name{font-size:var(--font-size-lg)}.selection-summary{flex-direction:column;gap:var(--space-2);text-align:center}}@media (max-width:480px){.festival-matching-header{padding:var(--space-3)}.festival-matching-header h2{font-size:var(--font-size-lg)}.festival-matching-body{padding:var(--space-3)}.festival-image{height:150px}.festival-content{padding:var(--space-3)}}.festival-badge{--badge-color:#e91e63;background:linear-gradient(135deg,var(--badge-color)20,var(--badge-color)10);border:2px solid var(--badge-color);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-3);position:relative;transition:var(--transition-all)}.festival-badge:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.festival-badge:hover:before{left:100%}.festival-badge.clickable{cursor:pointer}.festival-badge.clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.festival-badge.small{border-radius:var(--radius-lg);padding:var(--space-2)}.festival-badge.medium{border-radius:var(--radius-xl);padding:var(--space-3)}.festival-badge.large{border-radius:var(--radius-2xl);padding:var(--space-4)}.festival-badge.happening{animation:pulse-glow 2s ease-in-out infinite;border-width:3px}.festival-badge.soon{background:linear-gradient(135deg,var(--badge-color)30,var(--badge-color)15)}.festival-badge.past{background:linear-gradient(135deg,var(--text-tertiary)20,var(--text-tertiary)10);border-color:var(--text-tertiary);opacity:.7}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--badge-color),0 0 10px var(--badge-color)40}50%{box-shadow:0 0 10px var(--badge-color),0 0 20px var(--badge-color)60,0 0 30px var(--badge-color)40}}.badge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.badge-icon{font-size:var(--font-size-lg)}.festival-badge.small .badge-icon{font-size:var(--font-size-base)}.festival-badge.large .badge-icon{font-size:var(--font-size-xl)}.badge-status{background:#ffffffe6;border-radius:var(--radius-full);color:var(--badge-color);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--space-1) var(--space-2);text-transform:uppercase}.festival-badge.past .badge-status{color:var(--text-tertiary)}.badge-content{position:relative;z-index:1}.badge-name{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);gap:var(--space-2);margin-bottom:var(--space-1)}.festival-badge.small .badge-name{font-size:var(--font-size-sm)}.festival-badge.large .badge-name{font-size:var(--font-size-lg)}.badge-weekend{background:var(--badge-color);border-radius:var(--radius-md);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-2)}.badge-location{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.badge-date,.badge-location{font-weight:var(--font-weight-medium)}.badge-date{color:var(--text-tertiary)}.badge-date,.live-indicator{font-size:var(--font-size-xs)}.live-indicator{align-items:center;animation:pulse-live 1s ease-in-out infinite;background:#ff0000e6;border-radius:var(--radius-full);color:#fff;display:flex;font-weight:var(--font-weight-bold);gap:var(--space-1);padding:var(--space-1) var(--space-2);position:absolute;right:var(--space-2);top:var(--space-2)}.live-dot{animation:blink 1s ease-in-out infinite;background:#fff;border-radius:50%;height:6px;width:6px}@keyframes pulse-live{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.sold-out-badge{background:#000c;border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);left:var(--space-2);letter-spacing:.5px;padding:var(--space-1) var(--space-2);position:absolute;text-transform:uppercase;top:var(--space-2)}.festival-badge-list{margin-bottom:var(--space-6)}.badge-list-header{margin-bottom:var(--space-4)}.badge-list-header h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.badge-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.more-badges-indicator{align-items:center;background:var(--background-elevated);border:2px dashed var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:80px;padding:var(--space-4);transition:var(--transition-all)}.more-badges-indicator:hover{background:#e91e630d;border-color:var(--brand-primary)}.more-count{color:var(--brand-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.more-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.mini-festival-badge,.more-text{font-weight:var(--font-weight-medium)}.mini-festival-badge{align-items:center;border:1px solid;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);gap:var(--space-1);max-width:150px;overflow:hidden;padding:var(--space-1) var(--space-2);position:relative;transition:var(--transition-all)}.mini-festival-badge.clickable{cursor:pointer}.mini-festival-badge.clickable:hover{transform:scale(1.05)}.mini-festival-badge.happening{animation:mini-pulse 2s ease-in-out infinite}@keyframes mini-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.mini-badge-icon{font-size:var(--font-size-sm)}.mini-badge-name{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-live-dot{animation:blink 1s ease-in-out infinite;background:red;border-radius:50%;flex-shrink:0;height:6px;width:6px}@media (max-width:768px){.badge-grid{gap:var(--space-2);grid-template-columns:1fr}.festival-badge{padding:var(--space-3)}.festival-badge.small{padding:var(--space-2)}.badge-header{margin-bottom:var(--space-2)}.badge-name{font-size:var(--font-size-sm)}.badge-date,.badge-location{font-size:var(--font-size-xs)}.live-indicator{right:auto}.live-indicator,.sold-out-badge{align-self:flex-start;margin-top:var(--space-2);position:relative;top:auto}.sold-out-badge{left:auto}}@media (max-width:480px){.festival-badge-list{margin-bottom:var(--space-4)}.badge-list-header h4{font-size:var(--font-size-base)}.mini-festival-badge{max-width:120px;padding:var(--space-1)}.mini-badge-name{font-size:var(--font-size-xs)}}.profile-preview{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:var(--space-4);position:fixed;z-index:1000}.profile-card{animation:slideUp .4s ease-out;background:var(--background-primary);border-radius:var(--radius-3xl);box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:420px;width:100%}.photo-section,.profile-card{overflow:hidden;position:relative}.photo-section{aspect-ratio:3/4;background:var(--background-secondary);cursor:pointer}.photo-container{height:100%;position:relative;width:100%}.profile-photo{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.profile-photo:hover{transform:scale(1.02)}.no-photo{align-items:center;background:var(--background-tertiary);color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center}.no-photo-icon{font-size:4rem;margin-bottom:var(--space-3);opacity:.5}.photo-indicators{display:flex;gap:var(--space-1);left:50%;position:absolute;top:var(--space-3);transform:translateX(-50%);z-index:2}.indicator{background:#fff6;border-radius:var(--radius-full);height:8px;transition:var(--transition-all);width:8px}.indicator.active{background:#fff;width:24px}.photo-nav{align-items:center;background:#00000080;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition-all);width:40px;z-index:2}.photo-nav:hover{background:#000000b3;transform:translateY(-50%) scale(1.1)}.photo-nav.prev{left:var(--space-3)}.photo-nav.next,.verified-badge{right:var(--space-3)}.verified-badge{align-items:center;background:var(--success-500);border-radius:var(--radius-full);bottom:var(--space-3);color:#fff;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-2);position:absolute;z-index:2}.verified-icon{font-size:var(--font-size-sm)}.profile-info{max-height:50vh;overflow-y:auto;padding:var(--space-6);scrollbar-width:thin}.profile-info::-webkit-scrollbar{width:4px}.profile-info::-webkit-scrollbar-track{background:var(--background-secondary)}.profile-info::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}.profile-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-5)}.profile-basic-info{flex:1 1;min-width:0}.profile-name{font-size:var(--font-size-2xl);line-height:1.2;margin:0 0 var(--space-2) 0}.profile-age{color:var(--text-secondary);font-weight:var(--font-weight-medium)}.profile-location{align-items:center;color:var(--text-secondary);display:flex;gap:var(--space-1);margin-bottom:var(--space-1)}.location-icon,.profile-location{font-size:var(--font-size-sm)}.last-active{align-items:center;color:var(--success-600);display:flex;font-size:var(--font-size-xs);gap:var(--space-2)}.active-indicator{animation:pulse 2s infinite;background:var(--success-500);border-radius:var(--radius-full);height:8px;width:8px}.compatibility-score{flex-shrink:0}.score-circle{align-items:center;background:conic-gradient(var(--score-color) 0deg,var(--score-color) 180deg,var(--border-secondary) 180deg);background:conic-gradient(var(--score-color) 0deg,var(--score-color) calc(var(--score, 50)*3.6deg),var(--border-secondary) calc(var(--score, 50)*3.6deg));border-radius:var(--radius-full);display:flex;flex-direction:column;height:60px;justify-content:center;position:relative;width:60px}.score-circle:before{background:var(--background-primary);border-radius:var(--radius-full);content:"";inset:4px;position:absolute}.score-label,.score-number{position:relative;z-index:1}.score-number{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:1}.score-label{color:var(--text-secondary);font-size:var(--font-size-xs);line-height:1}.profile-bio{margin-bottom:var(--space-5)}.bio-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-base);line-height:1.6;overflow:hidden}.bio-text.expanded{-webkit-line-clamp:none;display:block}.bio-toggle{background:none;border:none;color:var(--brand-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-2);padding:var(--space-1) 0;transition:var(--transition-colors)}.bio-toggle:hover{color:var(--brand-primary-hover)}.compatibility-details{background:#e91e630d;border:1px solid #e91e631a;border-radius:var(--radius-xl);margin-bottom:var(--space-5);padding:var(--space-4)}.compatibility-title{align-items:center;color:var(--text-primary);display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0 0 var(--space-4) 0}.compatibility-title,.music-icon{font-size:var(--font-size-lg)}.shared-section{margin-bottom:var(--space-3)}.shared-section:last-child{margin-bottom:0}.shared-section h4{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.shared-items{flex-wrap:wrap;gap:var(--space-2)}.shared-item,.shared-items{align-items:center;display:flex}.shared-item{background:#e91e631a;border-radius:var(--radius-md);color:var(--brand-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.shared-item.artist{background:#9c27b01a;color:var(--purple-600)}.shared-item.genre{background:#2196f31a;color:var(--blue-600)}.shared-item.interest{background:#ffc1071a;color:var(--orange-600)}.more-count{color:var(--text-secondary);font-size:var(--font-size-xs);font-style:italic}.music-info{margin-bottom:var(--space-5)}.music-section{margin-bottom:var(--space-4)}.music-section:last-child{margin-bottom:0}.music-section-title{align-items:center;color:var(--text-primary);display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0 0 var(--space-3) 0}.music-section-title,.music-section-title span{font-size:var(--font-size-base)}.genre-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.genre-tag{background:var(--background-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.genre-tag,.more-genres{padding:var(--space-2) var(--space-3)}.more-genres{background:var(--border-secondary);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.artist-list{display:flex;flex-direction:column;gap:var(--space-2)}.artist-avatar{background:var(--brand-primary);border-radius:var(--radius-full);font-weight:var(--font-weight-bold);height:32px;width:32px}.artist-avatar,.artist-name,.more-artists{font-size:var(--font-size-sm)}.more-artists{color:var(--text-secondary);font-style:italic;padding-left:calc(32px + var(--space-3))}.interests-section{margin-bottom:var(--space-5)}.interests-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3) 0}.interests-grid,.interests-title{gap:var(--space-2)}.interest-tag{background:var(--background-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);padding:var(--space-2) var(--space-3)}.festival-section{margin-bottom:var(--space-5)}.festival-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0 0 var(--space-3) 0}.festival-badges{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.festival-badge{background:var(--background-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);min-width:80px;padding:var(--space-2) var(--space-3);text-align:center}.festival-year{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1}.festival-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.2;margin-top:var(--space-1)}.more-festivals{background:var(--border-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);min-width:80px;padding:var(--space-3);text-align:center}.profile-actions{background:var(--background-secondary);border-top:1px solid var(--border-secondary);gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-6)}.action-button{flex:1 1;font-weight:var(--font-weight-semibold);min-height:48px;transition:var(--transition-all)}.close-button{flex:0.5 1}.action-button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.pass-button:hover{border-color:var(--error-500);color:var(--error-500)}.like-button{background:var(--brand-primary);border-color:var(--brand-primary)}.like-button:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.super-like-button:hover{background:var(--success-600);border-color:var(--success-600)}@media (max-width:768px){.profile-preview{padding:0}.profile-card{border-radius:0;max-height:100vh;max-width:100%}.profile-info{max-height:none}.profile-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.compatibility-score{align-self:flex-end}.profile-actions{flex-wrap:wrap;gap:var(--space-2)}.close-button{flex:1 1;order:-1}.action-button{min-height:44px}}@media (max-width:480px){.profile-actions,.profile-info{padding:var(--space-4)}.profile-actions{flex-direction:column}.action-button{flex:none;width:100%}.compatibility-details{padding:var(--space-3)}.shared-items{gap:var(--space-1)}.shared-item{font-size:var(--font-size-xs);padding:var(--space-1)}}.profile-preview:focus-within{outline:none}.profile-card:focus-within{outline:2px solid var(--brand-primary);outline-offset:4px}.action-button:focus,.photo-nav:focus{outline:2px solid var(--brand-primary);outline-offset:2px}@media (prefers-contrast:high){.profile-card{border:3px solid var(--text-primary)}.festival-badge,.genre-tag,.interest-tag,.verified-badge{border-width:2px}}@media (prefers-reduced-motion:reduce){.action-button,.active-indicator,.photo-nav,.profile-card,.profile-photo{animation:none;transition:none}.action-button:hover,.photo-nav:hover{transform:none}}@media (prefers-color-scheme:dark){.compatibility-details{background:#e91e631a}.shared-item.artist{background:#9c27b026}.shared-item.genre{background:#2196f326}.shared-item.interest{background:#ffc10726}}@media print{.profile-preview{background:#fff;padding:0;position:static}.profile-card{border:1px solid #ccc;box-shadow:none;max-height:none}.photo-nav,.profile-actions{display:none}}.profile-container{background:var(--background-primary);margin:0 auto;max-width:1200px;min-height:calc(100vh - 70px);padding:var(--space-6)}.profile-header{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-8);position:relative}.profile-header:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.profile-header-content{align-items:flex-start;display:flex;gap:var(--space-8)}.profile-avatar-section{flex-shrink:0;position:relative}.profile-avatar{background:linear-gradient(var(--background-elevated),var(--background-elevated)) padding-box,var(--gradient-primary) border-box;border:4px solid #0000;border-radius:var(--radius-full);height:150px;object-fit:cover;transition:var(--transition-all);width:150px}.profile-avatar:hover{box-shadow:0 0 30px #e91e6366;transform:scale(1.05)}.profile-avatar-placeholder{background:var(--gradient-primary);border:4px solid var(--background-elevated);border-radius:var(--radius-full);font-size:var(--font-size-4xl);height:150px;width:150px}.profile-avatar-placeholder,.upload-avatar-btn{align-items:center;color:#fff;display:flex;justify-content:center}.upload-avatar-btn{background:var(--brand-primary);border:none;border-radius:var(--radius-full);bottom:8px;box-shadow:var(--shadow-lg);cursor:pointer;height:36px;position:absolute;right:8px;transition:var(--transition-all);width:36px}.upload-avatar-btn:hover{box-shadow:var(--shadow-xl);transform:scale(1.1)}.profile-info{flex:1 1}.profile-name{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:var(--space-3)}.profile-details{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-4)}.profile-detail-item{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-2);line-height:var(--line-height-normal)}.profile-bio{color:var(--text-tertiary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6);max-width:65ch}.profile-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.profile-section{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);margin-bottom:var(--space-6);padding:var(--space-6)}.section-title{align-items:center;display:flex;gap:var(--space-3);line-height:var(--line-height-tight);margin:0}.section-edit-btn{background:none;border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-normal);padding:var(--space-2) var(--space-4);transition:var(--transition-all)}.section-edit-btn:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-on-brand);transform:translateY(-1px)}.music-genres{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.genre-tag{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4)}.music-artists{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.artist-item{align-items:center;background:var(--background-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3);transition:var(--transition-all)}.artist-item:hover{background:var(--background-primary);transform:translateY(-2px)}.artist-avatar{align-items:center;background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;display:flex;font-weight:var(--font-weight-semibold);height:40px;justify-content:center;width:40px}.artist-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}.photo-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.photo-item{aspect-ratio:1;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:var(--transition-all)}.photo-item:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.photo-item img{height:100%;object-fit:cover;width:100%}.photo-placeholder{align-items:center;background:var(--background-secondary);border:2px dashed var(--border-secondary);color:var(--text-tertiary);display:flex;font-size:var(--font-size-2xl);height:100%;justify-content:center;transition:var(--transition-all);width:100%}.photo-placeholder:hover{background:var(--background-elevated);border-color:var(--brand-primary);color:var(--brand-primary)}.photo-remove{align-items:center;background:var(--error-500);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:var(--space-2);top:var(--space-2);transition:var(--transition-all);width:24px}.photo-item:hover .photo-remove{opacity:1}.interests-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.interest-tag{background:#00bcd41a;border:1px solid #00bcd433;border-radius:var(--radius-full);color:var(--brand-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);transition:var(--transition-all)}.interest-tag:hover{background:#00bcd433;transform:translateY(-1px)}.edit-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--space-1)}.form-input,.form-label{color:var(--text-primary);line-height:var(--line-height-normal)}.form-input{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);padding:var(--space-3) var(--space-4);transition:var(--transition-colors)}.form-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e91e631a;outline:none}.form-textarea{min-height:100px}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.profile-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:400px}@media (max-width:768px){.profile-container{padding:var(--space-4)}.profile-header-content{align-items:center;flex-direction:column;gap:var(--space-6);text-align:center}.profile-actions,.profile-details{justify-content:center}.photo-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.music-artists{grid-template-columns:1fr}}@media (max-width:640px){.profile-header,.profile-section{padding:var(--space-4)}.profile-avatar,.profile-avatar-placeholder{height:120px;width:120px}.profile-name{font-size:var(--font-size-2xl)}.section-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}}.stats-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:var(--space-6)}.stat-card{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--space-4);text-align:center;transition:var(--transition-all)}.stat-card:hover{background:var(--background-elevated);border-color:var(--brand-primary);transform:translateY(-2px)}.stat-number{color:var(--brand-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-1)}.stat-label{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-widest);line-height:var(--line-height-normal);text-transform:uppercase}.filters-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.filters-modal{animation:slideUp .4s ease-out;background:var(--background-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.filters-header{align-items:center;background:var(--background-primary);border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;padding:var(--space-6)}.filters-title{color:var(--text-primary);font-weight:var(--font-weight-bold);margin:0}.close-btn,.filters-title{font-size:var(--font-size-xl)}.close-btn{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;display:flex;height:40px;justify-content:center;padding:var(--space-2);transition:var(--transition-normal);width:40px}.close-btn:hover{background:var(--background-secondary);color:var(--text-primary)}.filters-content{flex:1 1;overflow-y:auto;padding:var(--space-6)}.filter-section{margin-bottom:var(--space-8)}.filter-section:last-child{margin-bottom:0}.filter-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0 0 var(--space-4) 0}.age-range-controls{align-items:center;display:flex;gap:var(--space-4)}.age-input{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.age-input label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.age-input-field{background:var(--background-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3);text-align:center;transition:var(--transition-normal)}.age-input-field:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e91e631a;outline:none}.age-separator{color:var(--text-tertiary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-top:var(--space-6)}.checkbox-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.genres-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.checkbox-list{flex-direction:column}.checkbox-item,.checkbox-list{display:flex;gap:var(--space-3)}.checkbox-item{word-wrap:break-word;align-items:center;background:var(--background-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;min-height:48px;overflow:hidden;padding:var(--space-3);transition:var(--transition-normal);-webkit-user-select:none;user-select:none}.checkbox-item:hover{background:var(--background-primary);border-color:var(--brand-primary)}.checkbox-item input[type=checkbox]{accent-color:var(--brand-primary);cursor:pointer;height:18px;margin:0;width:18px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-icon{font-size:var(--font-size-base)}.genre-item{min-width:0}.genre-item .checkbox-label{font-size:var(--font-size-xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preference-item{padding:var(--space-4)}.preference-item .checkbox-label,.select-input{font-size:var(--font-size-base)}.select-input{background:var(--background-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;padding:var(--space-3);transition:var(--transition-normal);width:100%}.select-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e91e631a;outline:none}.filters-footer{background:var(--background-primary);border-top:1px solid var(--border-secondary);display:flex;gap:var(--space-4);padding:var(--space-6)}.reset-btn{background:var(--background-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-secondary);flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-4);transition:var(--transition-normal)}.reset-btn:hover{background:var(--background-primary);border-color:var(--text-secondary);color:var(--text-primary)}.apply-btn{background:var(--gradient-primary);border:none;border-radius:var(--radius-xl);box-shadow:var(--shadow-brand);color:#fff;cursor:pointer;flex:2 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-4);transition:var(--transition-normal)}.apply-btn:hover{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));box-shadow:var(--shadow-lg),0 0 20px #e91e6366;transform:translateY(-2px)}@media (max-width:768px){.filters-modal{max-height:95vh;width:95%}.filters-content,.filters-footer,.filters-header{padding:var(--space-4)}.checkbox-grid{grid-template-columns:1fr}.genres-grid{grid-template-columns:repeat(2,1fr)}.age-range-controls{flex-direction:column;gap:var(--space-3)}.age-separator{margin:0;transform:rotate(90deg)}.filters-footer{flex-direction:column}}@media (max-width:480px){.filters-modal{border-radius:var(--radius-xl);max-height:98vh;width:98%}.filters-content,.filters-footer,.filters-header{padding:var(--space-3)}.filters-title{font-size:var(--font-size-lg)}.genres-grid{grid-template-columns:1fr}.checkbox-item{padding:var(--space-2)}.checkbox-label{font-size:var(--font-size-xs)}.preference-item{padding:var(--space-3)}}@media (prefers-contrast:high){.age-input-field,.checkbox-item,.select-input{border-width:3px}}@media (prefers-reduced-motion:reduce){.filters-modal,.filters-overlay{animation:none}.apply-btn:hover{transform:none}}.particle-background{height:100%;left:0;opacity:.6;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}@media (max-width:768px){.particle-background{opacity:.3}}@media (max-width:480px){.particle-background{display:none}}@media (prefers-reduced-motion:reduce){.particle-background{display:none}}.discover-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-6)}.discover-header{margin-bottom:var(--space-8);position:relative;text-align:center}.discover-controls{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-top:var(--space-6)}.mode-selector{align-items:center;background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:var(--transition-all)}.mode-selector:hover{background:var(--background-secondary);border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mode-icon{font-size:var(--font-size-lg)}.mode-text{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.mode-arrow{color:var(--text-tertiary);font-size:var(--font-size-xs);transition:transform var(--transition-normal)}.mode-selector:hover .mode-arrow{transform:rotate(180deg)}.filters-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-brand);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:var(--transition-all)}.filters-btn:hover{box-shadow:var(--shadow-lg),0 0 20px #e91e6366;transform:translateY(-2px) scale(1.05)}.filters-icon{font-size:var(--font-size-base)}.filters-text{font-size:var(--font-size-sm)}.discover-title{-webkit-text-fill-color:initial!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--text-primary)!important;font-size:var(--font-size-3xl)!important;font-weight:var(--font-weight-semibold)!important;line-height:var(--line-height-tight)!important;margin-bottom:var(--space-3)!important}.discover-subtitle{color:var(--text-tertiary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.single-match-container{align-items:center;display:flex;justify-content:center;margin-top:var(--space-8);min-height:500px;padding:var(--space-4)}.single-match-card{animation:cardEntrance .6s ease-out;background:var(--background-elevated);background:linear-gradient(var(--background-elevated),var(--background-elevated)) padding-box,var(--gradient-primary) border-box;border:2px solid #0000;border-radius:var(--radius-3xl);box-shadow:var(--shadow-2xl);cursor:pointer;max-width:400px;overflow:hidden;position:relative;transition:var(--transition-all);width:100%}.single-match-card:hover{box-shadow:var(--shadow-2xl),0 0 40px #e91e634d,0 0 80px #00bcd433;transform:translateY(-4px) scale(1.02)}.match-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3);position:absolute;right:var(--space-4);top:var(--space-4);z-index:10}.single-match-image-container{height:350px;overflow:hidden;position:relative;width:100%}.single-match-image{height:100%;object-fit:cover;transition:var(--transition-slow);width:100%}.single-match-card:hover .single-match-image{filter:brightness(1.1);transform:scale(1.08)}.match-overlay{background:linear-gradient(#0000,#000c);bottom:0;height:50%;left:0;pointer-events:none;position:absolute;right:0}.single-match-image-placeholder{align-items:center;background:var(--gradient-primary);display:flex;height:350px;justify-content:center;overflow:hidden;position:relative;width:100%}.placeholder-icon{animation:pulse 2s infinite;color:#fff;font-size:4rem}.single-match-content{background:var(--background-elevated);padding:var(--space-6)}.match-info{align-items:baseline;display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.match-name{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.match-age{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.match-age,.match-bio{color:var(--text-secondary)}.match-bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4) 0;overflow:hidden}.genres-label{color:var(--text-tertiary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.genres-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.genre-tag{background:#e91e631a;border:1px solid #e91e6333;color:var(--brand-primary);padding:var(--space-1) var(--space-3);text-transform:capitalize}.genre-tag,.music-service-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.music-service-badge{align-items:center;background:#1ed7601a;color:#1ed760;display:inline-flex;gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3)}.service-icon{font-size:var(--font-size-sm)}.single-match-actions{display:flex;gap:var(--space-4);padding:0 var(--space-6) var(--space-6) var(--space-6)}.swipe-btn{align-items:center;border:none;border-radius:var(--radius-2xl);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-weight:var(--font-weight-semibold);gap:var(--space-2);overflow:hidden;padding:var(--space-4);position:relative;transition:var(--transition-all)}.swipe-btn:before{border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-normal);width:0;z-index:1}.swipe-btn:active:before{background:#fff3;height:100%;width:100%}.btn-icon{font-size:var(--font-size-2xl)}.btn-icon,.btn-text{position:relative;z-index:2}.btn-text{font-size:var(--font-size-sm)}.pass-btn{background:var(--background-secondary);border:2px solid var(--border-primary);color:var(--text-secondary)}.pass-btn:hover{background:#ff6b6b;border-color:#ff5252;box-shadow:var(--shadow-lg),0 0 20px #ff6b6b4d;color:#fff;transform:translateY(-2px) scale(1.02)}.like-btn{background:var(--gradient-primary);border:2px solid #0000;box-shadow:var(--shadow-brand);color:#fff}.like-btn:hover{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));box-shadow:var(--shadow-lg),0 0 30px #e91e6366;transform:translateY(-2px) scale(1.02)}.matches-grid{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center;margin-top:var(--space-8);padding:var(--space-4)}.match-card{animation:float 6s ease-in-out infinite;background:var(--background-elevated);background:linear-gradient(var(--background-elevated),var(--background-elevated)) padding-box,var(--gradient-primary) border-box;border:2px solid #0000;box-shadow:var(--shadow-md);cursor:pointer;max-width:350px;width:350px}.match-card:hover{animation:none;background:linear-gradient(var(--background-elevated),var(--background-elevated)) padding-box,linear-gradient(45deg,var(--brand-primary),var(--brand-secondary),var(--brand-accent)) border-box;box-shadow:var(--shadow-xl),0 0 30px #e91e634d,0 0 60px #00bcd433;transform:translateY(-8px) scale(1.02)}.match-card-image{background:var(--gradient-primary);display:block;height:280px;object-fit:cover;position:relative;transition:var(--transition-all);width:100%}.match-card:hover .match-card-image{filter:brightness(1.1) saturate(1.2);transform:scale(1.05)}.match-card-image:after{background:linear-gradient(45deg,#0000,#e91e631a 25%,#0000 50%,#00bcd41a 75%,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.match-card:hover .match-card-image:after{opacity:1}.match-card-image-placeholder{align-items:center;background:var(--gradient-primary);color:#fff;display:flex;font-size:var(--font-size-4xl);height:280px;justify-content:center;overflow:hidden;position:relative;width:100%}.match-card-image-placeholder:before{animation:shimmer 3s linear infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.match-card-content{padding:var(--space-6)}.match-card-header{margin-bottom:var(--space-4)}.match-card-name{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.match-card-bio{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);min-height:4.5rem;overflow:hidden}.match-card-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6);position:relative}.match-card-actions:before{background:radial-gradient(circle,#e91e631a 0,#0000 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all var(--transition-slow);width:0;z-index:-1}.match-card:hover .match-card-actions:before{height:200px;width:200px}.match-card-actions .btn{border-radius:var(--radius-xl);flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);transition:var(--transition-all)}.match-card-actions .btn-secondary{background:var(--background-secondary);border:1px solid var(--border-primary);color:var(--text-secondary)}.match-card-actions .btn-secondary:hover{background:var(--background-primary);border-color:var(--text-tertiary);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-2px) scale(1.05)}.match-card-actions .btn-primary{background:var(--gradient-primary);border:none;box-shadow:var(--shadow-brand);color:#fff}.match-card-actions .btn-primary:hover{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));box-shadow:var(--shadow-lg),0 0 20px #e91e6380;transform:translateY(-2px) scale(1.05)}.match-card-music{border-top:1px solid var(--border-secondary);margin-top:var(--space-4);padding-top:var(--space-4)}.match-card-genres{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.genre-badge{background:#e91e631a;border:1px solid #e91e6333;border-radius:var(--radius-full);color:var(--brand-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.discover-empty-state{margin:0 auto;max-width:500px;padding:var(--space-20) var(--space-6);text-align:center}.discover-empty-state .empty-icon{font-size:4rem;margin-bottom:var(--space-6);opacity:.5}.discover-empty-state h2{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.discover-empty-state p{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8)}.discover-container:before{animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,#e91e630d 0,#0000 50%),radial-gradient(circle at 75% 75%,#00bcd40d 0,#0000 50%),radial-gradient(circle at 50% 50%,#ff980008 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}@keyframes backgroundShift{0%,to{transform:rotate(0deg) scale(1)}33%{transform:rotate(120deg) scale(1.1)}66%{transform:rotate(240deg) scale(.9)}}.mode-selector-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.mode-options{animation:slideUp .4s ease-out;background:var(--background-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:400px;padding:var(--space-8);width:90%}.mode-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-6) 0;text-align:center}.mode-option-list{display:flex;flex-direction:column;gap:var(--space-3)}.mode-option{align-items:center;background:var(--background-secondary);border:2px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);text-align:left;transition:var(--transition-all)}.mode-option:hover{background:var(--background-primary);border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mode-option.active{background:#e91e631a;border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.option-icon{flex-shrink:0;font-size:var(--font-size-2xl)}.option-content{display:flex;flex-direction:column;gap:var(--space-1)}.option-title{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.option-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:1024px){.single-match-card{max-width:380px}.single-match-image-container{height:320px}.matches-grid{gap:var(--space-6)}.match-card{max-width:320px;width:320px}.match-card-image{height:240px}}@media (max-width:768px){.discover-container{padding:var(--space-4)}.discover-controls{align-items:stretch;flex-direction:column;gap:var(--space-3)}.filters-btn,.mode-selector{justify-content:center}.single-match-container{margin-top:var(--space-6);padding:var(--space-2)}.single-match-card{max-width:100%}.single-match-image-container{height:300px}.single-match-content{padding:var(--space-4)}.single-match-actions{gap:var(--space-3);padding:0 var(--space-4) var(--space-4) var(--space-4)}.match-name{font-size:var(--font-size-xl)}.mode-options{padding:var(--space-6)}.matches-grid{gap:var(--space-6);justify-content:center;margin-top:var(--space-6)}.match-card{max-width:350px;width:100%}.match-card-image{height:260px}.match-card-content{padding:var(--space-4)}.match-card-bio{-webkit-line-clamp:2;min-height:3rem}.match-card-actions{gap:var(--space-2)}.discover-empty-state{padding:var(--space-16) var(--space-4)}.match-card{animation:fadeInUp .4s ease-out}}@media (max-width:640px){.discover-container{padding:var(--space-3)}.single-match-container{min-height:450px;padding:var(--space-1)}.single-match-card{border-radius:var(--radius-2xl);max-width:100%}.single-match-image-container{height:280px}.single-match-content{padding:var(--space-3)}.match-name{font-size:var(--font-size-lg)}.match-bio{-webkit-line-clamp:2;font-size:var(--font-size-sm)}.single-match-actions{gap:var(--space-2);padding:0 var(--space-3) var(--space-3) var(--space-3)}.swipe-btn{gap:var(--space-1);padding:var(--space-3)}.btn-icon{font-size:var(--font-size-xl)}.btn-text{font-size:var(--font-size-xs)}.mode-options{max-width:95%;padding:var(--space-4)}.matches-grid{gap:var(--space-4)}.match-card{max-width:100%;width:100%}.match-card-image{height:240px}.match-card-content{padding:var(--space-3)}.match-card-name{font-size:var(--font-size-lg)}.match-card-bio{font-size:var(--font-size-sm);min-height:2.5rem}.match-card-actions .btn{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}}.match-card.loading{opacity:.7;pointer-events:none}.match-card.loading .match-card-image{animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(50px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.match-card{animation:fadeInUp .6s ease-out,float 6s ease-in-out infinite}.match-card:first-child{animation-delay:0s,0s}.match-card:nth-child(2){animation-delay:.1s,1s}.match-card:nth-child(3){animation-delay:.2s,2s}.match-card:nth-child(4){animation-delay:.3s,3s}.match-card:nth-child(5){animation-delay:.4s,4s}.match-card:nth-child(6){animation-delay:.5s,5s}.genre-badge{animation:pulse 2s infinite}.genre-badge:nth-child(2){animation-delay:.2s}.genre-badge:nth-child(3){animation-delay:.4s}@media (prefers-reduced-motion:reduce){.match-card,.match-card-actions .btn:hover,.match-card:hover{animation:none;transform:none}}@media (prefers-contrast:high){.match-card,.match-card-actions .btn{border-width:2px}}.matches-container{min-height:calc(100vh - 64px)}.matches-controls{background:#ffffff05;border:1px solid #ffffff0f;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center;margin:var(--space-6) 0;padding:var(--space-4)}.filter-controls,.sort-controls{align-items:center;display:flex;gap:var(--space-2)}.filter-controls label,.sort-controls label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.control-select{background:#ffffff0d;border:1px solid #ffffff26;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);transition:var(--transition-all)}.control-select:hover{background:#ffffff14;border-color:#ffffff40}.control-select:focus{background:#ffffff14;border-color:var(--brand-primary);outline:none}.matches-container .clean-grid{justify-content:center;margin:0 auto;max-width:1200px}.matches-header{margin-bottom:var(--space-12);text-align:center}.matches-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--space-3)}.matches-subtitle{color:var(--text-tertiary);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed)}.match-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:var(--radius-2xl);overflow:hidden;padding:var(--space-6);position:relative;text-align:center;transition:var(--transition-all)}.match-card:before{background:var(--gradient-primary);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.match-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-4px)}.match-card:hover:before{opacity:1}.match-card img{border-radius:var(--radius-lg);height:200px;margin-bottom:var(--space-4);object-fit:cover;width:100%}.match-card h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.match-card p{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.match-actions{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-4)}.match-bio{font-style:italic;margin-bottom:var(--space-3)!important}.match-genres{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:center;margin-bottom:var(--space-4)}.genre-tag-small{background:#e91e631a;border:1px solid #e91e634d;border-radius:var(--radius-md);color:var(--brand-primary);font-weight:var(--font-weight-medium)}.festival-compatibility-badge,.genre-tag-small{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.festival-compatibility-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-full);box-shadow:0 2px 8px #667eea4d;color:#fff;font-weight:var(--font-weight-bold);position:absolute;right:var(--space-3);text-shadow:0 1px 2px #0000004d;top:var(--space-3);z-index:2}.common-festivals{background:#667eea0d;border:1px solid #667eea26;border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-3)}.common-festivals-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--space-2)!important;text-transform:uppercase}.common-festivals-list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:center}.more-festivals{background:#667eea26;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.match-festival-badges{background:#ffffff05;border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-3)}.festival-badges-label{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;margin-bottom:var(--space-2)!important;text-align:center;text-transform:uppercase}.festival-badges-preview{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:center}.more-badges{background:#ffffff14;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.no-matches-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.no-matches-card{margin:0 auto;max-width:500px;padding:var(--space-12) var(--space-8);text-align:center}.no-matches-card h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.no-matches-card p{color:var(--text-tertiary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8)}@media (max-width:768px){.matches-title{font-size:var(--font-size-2xl)}.matches-controls{flex-direction:column;gap:var(--space-4);padding:var(--space-3)}.filter-controls,.sort-controls{justify-content:space-between;width:100%}.match-card{padding:var(--space-4)}.match-card img{height:160px}.match-actions{flex-direction:column}.festival-compatibility-badge{display:inline-block;margin:var(--space-2) 0;position:static}.common-festivals-list,.festival-badges-preview{gap:var(--space-2)}.no-matches-card{padding:var(--space-8) var(--space-4)}.no-matches-actions{flex-direction:column}}@media (max-width:480px){.matches-title{font-size:var(--font-size-xl)}.matches-subtitle{font-size:var(--font-size-sm)}}.create-profile-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--space-8) 0}.create-profile-form{display:flex;flex-direction:column;gap:var(--space-4);max-width:500px;width:100%}.create-profile-form h2{margin-bottom:var(--space-2)}.create-profile-form label{color:var(--text-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.discovery-mode-section{margin-bottom:2rem}.discovery-mode-section label{color:#1db954;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.discovery-mode-options{grid-gap:1rem;display:grid;grid-template-columns:1fr;margin-bottom:1rem}.discovery-mode-card{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:2px solid #333;overflow:hidden;text-align:center}.discovery-mode-card:before{background:linear-gradient(90deg,#6366f1,#ec4899);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.discovery-mode-card:hover{box-shadow:0 8px 25px #1db9544d}.discovery-mode-card:hover:before{opacity:1}.discovery-mode-card.selected{background:linear-gradient(145deg,#2d4a2d,#1e3a1e);border-color:#1db954;box-shadow:0 8px 25px #1db95466}.discovery-mode-card.selected:before{background:linear-gradient(90deg,#1db954,#1ed760);opacity:1}.mode-icon{font-size:2.5rem;margin-bottom:.5rem}.mode-label{color:#fff;font-size:1.2rem}.mode-description{color:#aaa}.discovery-mode-card.selected .mode-label{color:#1ed760}.discovery-mode-card.selected .mode-description{color:#ccc}.form-group{margin-bottom:var(--space-4)}.input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.field-error{color:#ef4444;display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--space-1)}.character-count{color:var(--text-tertiary);font-size:var(--font-size-xs);margin-top:var(--space-1);text-align:right}.email-marketing-section{margin-bottom:var(--space-6)}.checkbox-container{align-items:flex-start;cursor:pointer;display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.checkbox-input{cursor:pointer;opacity:0;position:absolute}.checkbox-checkmark{background-color:initial;border:2px solid var(--primary);border-radius:4px;flex-shrink:0;height:18px;position:relative;top:2px;transition:all .2s ease;width:18px}.checkbox-input:checked+.checkbox-checkmark{background-color:var(--primary)}.checkbox-input:checked+.checkbox-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox-label{color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);line-height:1.5}.email-marketing-subtext{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0;padding-left:26px}.form-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-lg);color:#dc2626;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3)}.error-icon{flex-shrink:0}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;height:16px;margin-right:var(--space-2);width:16px}.input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e91e631a;outline:none}.input[type=number]{-moz-appearance:textfield}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}textarea.input{min-height:120px;resize:vertical}@media (min-width:768px){.discovery-mode-options{grid-template-columns:repeat(3,1fr)}.create-profile-container form{max-width:600px}}.settings-container{background-color:#121212;color:#fff;min-height:100vh}.settings-header{align-items:center;background-color:#1e1e1e;border-bottom:1px solid #333;display:flex;justify-content:space-between;padding:1.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.back-btn{background:none;border:none;border-radius:5px;color:#1db954;cursor:pointer;font-size:1rem;padding:.5rem;transition:background-color .3s ease}.back-btn:hover{background-color:#1db9541a}.settings-header h1{color:#1db954;font-size:2rem;font-weight:600;margin:0}.save-settings-btn{background-color:#1db954;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.save-settings-btn:hover:not(:disabled){background-color:#1ed760;transform:translateY(-1px)}.save-settings-btn:disabled{cursor:not-allowed;opacity:.6}.save-settings-btn.saved{background-color:#27ae60;transform:scale(1.05)}.settings-loading{align-items:center;background-color:#121212;color:#aaa;display:flex;font-size:1.5rem;justify-content:center;min-height:60vh}.settings-content{margin:0 auto;max-width:800px;padding:2rem}.settings-section{background-color:#1e1e1e;border:1px solid #333;border-radius:15px;margin-bottom:2rem;padding:2rem}.settings-section h2{border-bottom:2px solid #333;color:#1db954;font-size:1.5rem;font-weight:600;margin-bottom:2rem;padding-bottom:.75rem}.setting-group{margin-bottom:2rem}.setting-group:last-child{margin-bottom:0}.setting-group label{color:#fff;display:block;font-size:1rem;font-weight:600;margin-bottom:.75rem}.setting-group small{color:#aaa;display:block;font-size:.85rem;line-height:1.4;margin-top:.5rem}.toggle-setting{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.toggle{height:44px;min-height:44px;position:relative;width:60px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#555;border-radius:22px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:36px;left:4px;position:absolute;transition:.3s;width:36px}.toggle input:checked+.toggle-slider{background-color:#1db954}.toggle input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-slider:hover{box-shadow:0 0 8px #1db9544d}.slider-container{align-items:center;display:flex;gap:1rem}.slider{-webkit-appearance:none;background:#333;border-radius:4px;flex:1 1;height:8px;outline:none;transition:background .3s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1db954;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:all .3s ease;transition:all .3s ease;width:20px}.slider::-webkit-slider-thumb:hover{background:#1ed760;transform:scale(1.1)}.slider::-moz-range-thumb{background:#1db954;border:none;border-radius:50%;cursor:pointer;height:20px;-moz-transition:all .3s ease;transition:all .3s ease;width:20px}.slider::-moz-range-thumb:hover{background:#1ed760;transform:scale(1.1)}.slider-value{color:#1db954;font-weight:600;min-width:80px;text-align:right}.age-range-container{align-items:center;display:flex;gap:1rem}.age-display{background-color:#2a2a2a;border:1px solid #444;border-radius:10px;color:#1db954;font-weight:600;min-width:80px;padding:.5rem 1rem;text-align:center}.setting-select{background-color:#2a2a2a;border:2px solid #444;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:border-color .3s ease;width:100%}.setting-select:focus{border-color:#1db954;box-shadow:0 0 0 3px #1db9541a;outline:none}.setting-select option{background-color:#1e1e1e;color:#fff;padding:.5rem}.settings-actions{border-top:2px solid #333;display:flex;gap:2rem;justify-content:center;margin-top:3rem;padding-top:2rem}.reset-btn{background-color:initial;border:2px solid #ff6b6b;border-radius:25px;color:#ff6b6b;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.reset-btn:hover{background-color:#ff6b6b;box-shadow:0 5px 15px #ff6b6b4d;color:#fff;transform:translateY(-2px)}.save-settings-btn.main{box-shadow:0 4px 15px #1db9544d;font-size:1rem;padding:1rem 3rem}.save-settings-btn.main:hover:not(:disabled){box-shadow:0 8px 25px #1db95466;transform:translateY(-2px)}@media (max-width:768px){.settings-header{padding:1rem}.settings-header h1{font-size:1.5rem}.settings-content{padding:1rem}.settings-section{padding:1.5rem}.toggle-setting{align-items:flex-start;flex-direction:column;gap:.75rem}.toggle{align-self:flex-end}.slider-container{align-items:stretch;flex-direction:column;gap:.75rem}.slider-value{min-width:auto;text-align:center}.age-range-container{flex-direction:column;gap:1rem}.age-display{min-width:auto}.settings-actions{flex-direction:column;gap:1rem}.reset-btn,.save-settings-btn.main{width:100%}}.settings-section:hover{border-color:#444;box-shadow:0 4px 20px #0006}.setting-group:hover .toggle-slider{box-shadow:0 2px 8px #1db95433}.discovery-mode-options{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.discovery-mode-card{align-items:center;background-color:#2a2a2a;border:2px solid #444;border-radius:15px;cursor:pointer;display:flex;padding:1.5rem;position:relative;transition:all .3s ease}.discovery-mode-card:hover{background-color:#333;border-color:#1db954;box-shadow:0 4px 15px #1db95433;transform:translateY(-2px)}.discovery-mode-card.selected{background-color:#1db954;border-color:#1ed760;box-shadow:0 4px 20px #1db95466;color:#000}.discovery-mode-card.selected:hover{background-color:#1ed760;transform:translateY(-2px)}.mode-icon{flex-shrink:0;font-size:2rem;margin-right:1.5rem}.mode-content{display:flex;flex:1 1;flex-direction:column}.mode-label{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.discovery-mode-card.selected .mode-label{color:#000}.mode-description{font-size:.9rem;line-height:1.4;opacity:.8}.discovery-mode-card.selected .mode-description{color:#000;opacity:.9}.mode-radio{flex-shrink:0;margin-left:1rem}.radio-button{align-items:center;border:2px solid #666;border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .3s ease;width:20px}.discovery-mode-card.selected .radio-button{background-color:#fff;border-color:#000}.radio-dot{background-color:#000;border-radius:50%;height:10px;width:10px}.age-range-inputs{align-items:center;display:flex;gap:2rem}.age-input-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.age-input-group label{color:#aaa;font-size:.9rem;margin-bottom:0}.slider:focus,.toggle input:focus+.toggle-slider{box-shadow:0 0 0 3px #1db9544d}.discovery-mode-card:focus{outline:2px solid #1db954;outline-offset:2px}@media (max-width:768px){.discovery-mode-card{padding:1rem}.mode-icon{font-size:1.5rem;margin-right:1rem}.mode-label{font-size:1.1rem}.mode-description{font-size:.85rem}.age-range-inputs{flex-direction:column;gap:1.5rem}.radio-button{height:18px;width:18px}.radio-dot{height:8px;width:8px}}*{transition:all .2s ease}.modal-backdrop{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000c;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.modal{animation:slideInUp .3s cubic-bezier(.4,0,.2,1);background:var(--background-elevated);border:1px solid #ffffff1a;border-radius:var(--radius-2xl);box-shadow:0 25px 50px #0006,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal:focus{outline:none}.modal--small{max-width:400px;width:100%}.modal--medium{max-width:600px;width:100%}.modal--large{max-width:800px;width:100%}.modal--fullscreen{border-radius:0;height:100%;max-height:none;max-width:none;width:100%}.modal-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff14;display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-5) var(--space-6)}.modal-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0}.modal-header-actions{align-items:center;display:flex;gap:var(--space-2)}.modal-close-button{border-radius:var(--radius-full);color:var(--text-tertiary);min-height:32px;padding:var(--space-1);width:32px}.modal-close-button:hover{background:#ffffff1a;color:var(--text-primary)}.modal-body{color:var(--text-secondary);flex:1 1;line-height:1.6;overflow-y:auto;padding:var(--space-6)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-footer{align-items:center;background:#ffffff05;border-top:1px solid #ffffff14;display:flex;flex-shrink:0;gap:var(--space-3);justify-content:flex-end;padding:var(--space-5) var(--space-6)}.modal-footer .btn{min-width:100px}.modal--music{background:linear-gradient(135deg,var(--background-elevated) 0,#9c27b00d 100%);border-color:#9c27b033}.modal--music .modal-header{background:#9c27b01a;border-bottom-color:#9c27b033}.modal--success{border-color:#4caf504d}.modal--success .modal-header{background:#4caf501a;border-bottom-color:#4caf5033}.modal--warning{border-color:#ff98004d}.modal--warning .modal-header{background:#ff98001a;border-bottom-color:#ff980033}.modal--error{border-color:#f443364d}.modal--error .modal-header{background:#f443361a;border-bottom-color:#f4433633}@media (max-width:768px){.modal-backdrop{padding:var(--space-3)}.modal--large,.modal--medium{margin:0;max-width:none;width:100%}.modal-body,.modal-footer,.modal-header{padding-left:var(--space-4);padding-right:var(--space-4)}.modal-title{font-size:var(--font-size-lg)}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{min-width:0;width:100%}}@media (max-width:480px){.modal-backdrop{padding:var(--space-2)}.modal{border-radius:var(--radius-xl)}.modal-body,.modal-footer,.modal-header{padding-left:var(--space-3);padding-right:var(--space-3)}.modal-body,.modal-footer,.modal-header{padding-bottom:var(--space-4);padding-top:var(--space-4)}}@media (prefers-contrast:high){.modal{border:2px solid var(--text-primary)}.modal-footer,.modal-header{border-color:var(--text-primary)}}@media (prefers-reduced-motion:reduce){.modal,.modal-backdrop{animation:none}}.modal--loading .modal-body{align-items:center;display:flex;justify-content:center;min-height:200px}.modal-loading-content{color:var(--text-secondary);text-align:center}.modal-loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top:3px solid var(--brand-primary);height:32px;margin:0 auto var(--space-3);width:32px}.blog-manager{background:var(--background-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);margin-bottom:var(--space-6);padding:var(--space-5)}.blog-manager-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-5)}.blog-manager-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.blog-posts-table{background:var(--background-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.table-header{background:var(--background-tertiary);border-bottom:1px solid var(--border-secondary);color:var(--text-secondary)}.table-header,.table-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:2.5fr 1fr 1fr 1.5fr 1.5fr;padding:var(--space-3) var(--space-4)}.table-row{border-bottom:1px solid var(--border-primary);transition:var(--transition-all)}.table-row:hover{background:var(--background-secondary)}.post-title{font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-author{color:var(--text-secondary)}.post-date{color:var(--text-tertiary)}.post-tags{color:var(--text-secondary);font-size:var(--font-size-xs)}.post-actions{display:flex;gap:var(--space-2)}.delete-btn{color:var(--error-500)!important}.delete-btn:hover{background:#f443361a!important}.empty-state{font-style:italic;padding:var(--space-8) var(--space-4)}.blog-manager-loading,.empty-state{color:var(--text-secondary);text-align:center}.blog-manager-loading{padding:var(--space-8)}.blog-editor{gap:var(--space-5)}.blog-editor,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.form-group label{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.form-input,.form-textarea{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);padding:var(--space-3);transition:var(--transition-all)}.form-input:focus,.form-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e91e631a;outline:none}.form-textarea{font-family:inherit;line-height:1.6;min-height:200px;resize:vertical}.tags-container{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2)}.tag{align-items:center;background:var(--brand-primary);border-radius:var(--radius-md);color:#fff;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.tag button{background:none;border:none;color:#fff;cursor:pointer;font-size:var(--font-size-sm);line-height:1;margin:0;opacity:.8;padding:0;transition:var(--transition-all)}.tag button:hover{opacity:1}.tag-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:var(--font-size-sm);min-width:150px;padding:var(--space-1)}.tag-input:focus{outline:none}@media (max-width:1024px){.table-header,.table-row{grid-template-columns:2fr 1fr 1.5fr}.table-header span:nth-child(2),.table-header span:nth-child(4),.table-row span:nth-child(2),.table-row span:nth-child(4){display:none}}@media (max-width:768px){.blog-manager{padding:var(--space-4)}.blog-manager-header{align-items:stretch;flex-direction:column;gap:var(--space-3)}.table-header,.table-row{gap:var(--space-2);grid-template-columns:1fr auto}.table-header span:nth-child(3),.table-row span:nth-child(3){display:none}.form-row{grid-template-columns:1fr}}@media (prefers-color-scheme:dark){.blog-manager{background:#ffffff05}.form-input,.form-textarea,.tags-container{background:#ffffff0d}}.admin-container{background:var(--background-primary)}.admin-header{align-items:center;background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);display:flex;justify-content:space-between;margin-bottom:var(--space-8);padding:var(--space-6)}.admin-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0}.admin-controls{align-items:center;display:flex;gap:var(--space-4)}.admin-select{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4);transition:var(--transition-colors)}.admin-select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e91e631a;outline:none}.admin-tabs{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);display:flex;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-2)}.admin-tab{background:none;border:none;border-radius:var(--radius-xl);color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-6);transition:var(--transition-all);white-space:nowrap}.admin-tab:hover{background:#ffffff0d;color:var(--text-primary)}.admin-tab.active{background:var(--gradient-primary);color:var(--text-on-brand);transform:translateY(-1px)}.admin-content{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.metrics-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-8)}.metric-card{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden;padding:var(--space-6);position:relative;text-align:center;transition:var(--transition-all)}.metric-card:before{background:var(--gradient-primary);content:"";height:2px;left:0;opacity:.8;position:absolute;right:0;top:0}.metric-card:hover{border-color:#e91e634d;transform:translateY(-2px)}.metric-card h3{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wider);margin:0 0 var(--space-2) 0;text-transform:uppercase}.metric-value{color:var(--text-primary);font-size:var(--font-size-3xl);margin-bottom:var(--space-1)}.metric-change{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.charts-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:2fr 1fr;margin-bottom:var(--space-8)}.chart-card{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-6)}.chart-card h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.activity-chart{align-items:end;display:flex;height:120px;justify-content:space-between;margin-bottom:var(--space-4);padding:0 var(--space-2)}.activity-day{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.activity-date{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.activity-bars{align-items:end;display:flex;gap:2px;height:80px}.activity-bar{border-radius:2px;cursor:pointer;min-height:4px;transition:var(--transition-transform);width:8px}.activity-bar:hover{transform:scaleY(1.1)}.activity-bar.signups{background:var(--success-500)}.activity-bar.swipes{background:var(--brand-primary)}.activity-bar.messages{background:var(--brand-secondary)}.chart-legend{color:var(--text-tertiary);display:flex;font-size:var(--font-size-xs);gap:var(--space-4);justify-content:center}.chart-legend span{align-items:center;display:flex;gap:var(--space-1)}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.signups{background:var(--success-500)}.legend-color.swipes{background:var(--brand-primary)}.legend-color.messages{background:var(--brand-secondary)}.location-list{display:flex;flex-direction:column;gap:var(--space-3)}.location-item{grid-gap:var(--space-3);align-items:center;display:grid;gap:var(--space-3);grid-template-columns:1fr auto}.location-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.location-count{color:var(--text-tertiary);font-size:var(--font-size-xs);white-space:nowrap}.location-bar{background:#ffffff1a;border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.location-fill{background:var(--gradient-primary);border-radius:2px;height:100%;transition:width .5s ease-out}.section-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4) 0}.section-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.activity-stats,.user-stats{color:var(--text-tertiary);font-size:var(--font-size-sm)}.data-table{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden}.table-header,.table-row{grid-gap:var(--space-4);align-items:center;display:grid;gap:var(--space-4);grid-template-columns:2fr 1fr 80px 1.5fr 120px 100px 80px;padding:var(--space-4) var(--space-6)}.table-header{background:#e91e631a;border-bottom:1px solid var(--border-primary);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.table-header,.table-row{font-size:var(--font-size-sm)}.table-row{border-bottom:1px solid #ffffff0d;transition:var(--transition-colors)}.table-row:hover{background:#ffffff05}.table-row:last-child{border-bottom:none}.user-info{display:flex;flex-direction:column;gap:var(--space-1)}.user-name{color:var(--text-primary);font-weight:var(--font-weight-medium)}.user-email{color:var(--text-tertiary);font-size:var(--font-size-xs)}.user-active,.user-age,.user-genres,.user-joined,.user-location{color:var(--text-secondary)}.user-genres,.user-status{font-size:var(--font-size-xs)}.user-status{border-radius:var(--radius-md);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);text-align:center}.user-status.active{background:#4caf5033;color:var(--success-500)}.user-status.inactive{background:#9e9e9e33;color:var(--text-tertiary)}.activity-feed{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);flex-direction:column;max-height:600px;overflow-y:auto;padding:var(--space-4)}.activity-feed,.activity-item{display:flex;gap:var(--space-3)}.activity-item{background:#ffffff05;border-radius:var(--radius-lg);padding:var(--space-3);transition:var(--transition-colors)}.activity-item:hover{background:#ffffff0d}.activity-icon{flex-shrink:0;font-size:var(--font-size-lg)}.activity-details{flex:1 1}.activity-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.activity-time{color:var(--text-tertiary);font-size:var(--font-size-xs)}.insights-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-6)}.insight-card.full-width{grid-column:1/-1}.insight-card h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.demographic-chart,.genre-chart{display:flex;flex-direction:column;gap:var(--space-3)}.demographic-item,.genre-item{grid-gap:var(--space-3);align-items:center;display:grid;gap:var(--space-3);grid-template-columns:80px 1fr auto}.demographic-label,.genre-name{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.demographic-bar,.genre-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.demographic-fill{background:var(--gradient-primary)}.demographic-fill,.genre-fill{border-radius:4px;height:100%;transition:width .5s ease-out}.genre-fill{background:var(--gradient-secondary)}.demographic-count,.genre-count{color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.engagement-metrics{display:flex;flex-direction:column;gap:var(--space-4)}.metric{align-items:center;background:#ffffff08;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-3)}.metric-label{color:var(--text-secondary);font-size:var(--font-size-sm)}.metric-value{color:var(--brand-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.geographic-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.geo-item{background:#ffffff08;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);text-align:center}.geo-location{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.geo-count{color:var(--text-secondary)}.geo-count,.geo-percentage{font-size:var(--font-size-xs)}.geo-percentage{color:var(--brand-primary);font-weight:var(--font-weight-semibold)}.admin-warning{background:#ff98001a;border:1px solid #ff98004d;border-radius:var(--radius-2xl);margin-bottom:var(--space-8);padding:var(--space-6)}.admin-warning h3{color:var(--warning-500);font-size:var(--font-size-lg);margin:0 0 var(--space-2) 0}.admin-warning p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0 0 var(--space-4) 0}.admin-warning details{font-size:var(--font-size-sm)}.admin-warning summary{color:var(--warning-500);cursor:pointer;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.admin-warning ul{margin:0;padding-left:var(--space-4)}.admin-warning li{color:var(--text-tertiary);font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.admin-unauthorized{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);margin:0 auto;max-width:500px;padding:var(--space-16) var(--space-8);text-align:center}.admin-unauthorized h1{color:var(--error-500);font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.admin-unauthorized p{color:var(--text-secondary);font-size:var(--font-size-base)}.blog-posts-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:var(--space-8)}.blog-post-card{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);overflow:hidden;padding:var(--space-6);position:relative;transition:var(--transition-all)}.blog-post-card:hover{border-color:#e91e634d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.blog-post-card.featured{background:linear-gradient(var(--background-elevated),var(--background-elevated)) padding-box,var(--gradient-primary) border-box;border:2px solid var(--brand-primary)}.blog-post-card.featured:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.blog-post-header{margin-bottom:var(--space-4)}.blog-post-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.blog-category{border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);padding:var(--space-1) var(--space-2);text-transform:uppercase}.blog-category.announcements{background:#4caf5033;color:var(--success-500)}.blog-category.safety{background:#ff980033;color:var(--warning-500)}.blog-category.tips{background:#2196f333;color:var(--info-500)}.blog-category.features{background:#9c27b033;color:var(--purple-500)}.blog-category.success-stories{background:#e91e6333;color:var(--brand-primary)}.blog-date{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.blog-post-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--space-2) 0}.blog-post-author{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:0}.blog-post-preview{margin-bottom:var(--space-4)}.blog-content-preview{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);overflow:hidden}.blog-post-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.blog-actions{border-top:1px solid var(--border-primary);display:flex;gap:var(--space-4);justify-content:center;padding:var(--space-6) 0}.blog-actions .btn{align-items:center;display:flex;gap:var(--space-2)}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);justify-content:center;padding:var(--space-2) var(--space-4);text-decoration:none;transition:var(--transition-all)}.btn-primary{border:none;color:var(--text-on-brand)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border-primary);color:var(--text-primary)}.btn-secondary:hover{background:var(--background-elevated);border-color:var(--brand-primary)}.btn-outline{background:#0000;border:1px solid var(--border-primary);color:var(--text-secondary)}.btn-outline:hover{background:var(--background-elevated);border-color:var(--brand-primary);color:var(--text-primary)}.btn-danger{background:#f443361a;border:1px solid #f443364d;color:var(--error-500)}.btn-danger:hover{background:#f4433633;border-color:var(--error-500)}.btn-sm{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3)}@media (max-width:1024px){.charts-grid{grid-template-columns:1fr}.table-header,.table-row{font-size:var(--font-size-xs);grid-template-columns:2fr 1fr 1fr 1fr}.user-genres,.user-joined{display:none}}@media (max-width:768px){.admin-header{flex-direction:column;gap:var(--space-4);text-align:center}.admin-tabs{flex-wrap:wrap}.metrics-grid{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{gap:var(--space-2);grid-template-columns:1fr 1fr;padding:var(--space-3) var(--space-4)}.user-age,.user-genres,.user-joined,.user-location{display:none}.insights-grid{grid-template-columns:1fr}.geographic-grid{grid-template-columns:repeat(2,1fr)}.blog-posts-grid{grid-template-columns:1fr}.blog-actions{flex-direction:column;gap:var(--space-2)}}@media (max-width:640px){.metrics-grid{grid-template-columns:1fr}.admin-tab{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4)}.geographic-grid{grid-template-columns:1fr}}.blog-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-8)}.blog-header{margin-bottom:var(--space-12);text-align:center}.blog-title{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.blog-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed)}.section-title{border-bottom:2px solid var(--border-primary);color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6);padding-bottom:var(--space-2)}.featured-posts{margin-bottom:var(--space-12)}.featured-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.featured-post-card{background:var(--background-elevated);border:2px solid var(--brand-primary);border-radius:var(--radius-2xl);cursor:pointer;overflow:hidden;padding:var(--space-6);position:relative;transition:var(--transition-all)}.featured-post-card:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.featured-post-card:hover{box-shadow:var(--shadow-xl),0 0 30px #e91e634d;transform:translateY(-4px)}.post-card-header,.post-list-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.post-category{border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);padding:var(--space-1) var(--space-2);text-transform:uppercase}.post-category.announcements{background:#4caf5033;color:var(--success-500)}.post-category.safety{background:#ff980033;color:var(--warning-500)}.post-category.tips{background:#2196f333;color:var(--info-500)}.post-category.features{background:#9c27b033;color:var(--purple-500)}.post-category.success-stories{background:#e91e6333;color:var(--brand-primary)}.featured-badge{background:var(--gradient-primary);border-radius:var(--radius-md);color:var(--text-on-brand);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);padding:var(--space-1) var(--space-2);text-transform:uppercase}.post-read-time{color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.post-card-title,.post-list-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--space-3) 0}.post-excerpt,.post-list-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3);overflow:hidden}.post-card-footer,.post-list-footer{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--font-size-sm);justify-content:space-between}.post-author{font-weight:var(--font-weight-medium)}.post-date{font-style:italic}.all-posts{margin-bottom:var(--space-8)}.posts-list{display:flex;flex-direction:column;gap:var(--space-4)}.post-list-item{background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;padding:var(--space-5);transition:var(--transition-all)}.post-list-item:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-lg);transform:translateX(4px)}.post-list-title{font-size:var(--font-size-lg)}.blog-post-full{margin:0 auto;max-width:800px}.back-button{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-8);padding:var(--space-2) var(--space-4);transition:var(--transition-all)}.back-button:hover{border-color:var(--brand-primary);color:var(--text-primary)}.back-button:hover,.post-content{background:var(--background-elevated)}.post-content{border:1px solid var(--border-primary);border-radius:var(--radius-2xl);padding:var(--space-8)}.post-header{border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-8);padding-bottom:var(--space-6)}.post-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.post-title{color:var(--text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-4) 0}.post-byline{align-items:center;display:flex;gap:var(--space-4)}.post-body,.post-byline{color:var(--text-secondary);font-size:var(--font-size-base)}.post-body{line-height:var(--line-height-relaxed)}.post-body h3{font-size:var(--font-size-xl);margin:var(--space-6) 0 var(--space-3) 0}.post-body h3,.post-body h4{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.post-body h4{font-size:var(--font-size-lg);margin:var(--space-4) 0 var(--space-2) 0}.post-body p{margin-bottom:var(--space-4)}.post-body ol,.post-body ul{margin:var(--space-4) 0;padding-left:var(--space-6)}.post-body li{margin-bottom:var(--space-2)}.post-body blockquote{background:#e91e630d;border-left:4px solid var(--brand-primary);color:var(--text-primary);font-style:italic;margin:var(--space-6) 0;padding:var(--space-4)}.post-body blockquote p{margin:0}.post-body strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.post-body em{color:var(--brand-primary)}@media (max-width:768px){.blog-container{padding:var(--space-4)}.blog-title{font-size:var(--font-size-3xl)}.featured-grid{grid-template-columns:1fr}.post-card-footer,.post-list-footer{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.post-content{padding:var(--space-6)}.post-title{font-size:var(--font-size-2xl)}.post-byline{align-items:flex-start;flex-direction:column;gap:var(--space-2)}}@media (max-width:640px){.blog-container{padding:var(--space-3)}.post-content{padding:var(--space-4)}.post-card-header,.post-list-header,.post-meta{gap:var(--space-1)}}.messages-container{background:var(--background-primary);min-height:calc(100vh - 64px);padding:0}.messages-layout{display:grid;grid-template-columns:minmax(300px,350px) 1fr;height:calc(100vh - 64px);margin:0 auto;max-width:1400px;min-width:0}.conversations-panel{background:var(--background-elevated);border-right:1px solid var(--border-primary);display:flex;flex-direction:column}.conversations-header{border-bottom:1px solid var(--border-primary);padding:var(--space-6)}.conversations-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.conversations-subtitle{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.conversations-list{flex:1 1;overflow-y:auto}.conversation-item{align-items:center;border-bottom:1px solid var(--border-primary);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);transition:var(--transition-colors)}.conversation-item:hover{background:var(--background-secondary)}.conversation-item.active{background:#e91e631a;border-right:3px solid var(--brand-primary)}.conversation-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.conversation-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:var(--gradient-primary);border-radius:50%;color:var(--text-on-brand);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:48px;justify-content:center;width:48px}.conversation-info{flex:1 1;min-width:0}.conversation-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.conversation-last-message{color:var(--text-secondary);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{flex-shrink:0}.conversation-time{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.messages-panel{background:var(--background-primary);display:flex;flex-direction:column}.messages-header{background:var(--background-elevated);border-bottom:1px solid var(--border-primary);padding:var(--space-4) var(--space-6)}.chat-user-info{align-items:center;display:flex;gap:var(--space-3)}.chat-avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.chat-avatar img{height:100%;object-fit:cover;width:100%}.chat-avatar .avatar-placeholder{font-size:var(--font-size-base);height:40px;width:40px}.chat-user-info h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.chat-user-info p{color:var(--text-tertiary);font-size:var(--font-size-sm);margin:0}.messages-list{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);overflow-y:auto;padding:var(--space-4)}.message{display:flex;margin-bottom:var(--space-2)}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-bubble{border-radius:var(--radius-xl);max-width:70%;padding:var(--space-3) var(--space-4);position:relative}.message.sent .message-bubble{background:var(--gradient-primary);border-bottom-right-radius:var(--radius-md);color:var(--text-on-brand)}.message.received .message-bubble{background:var(--background-elevated);border:1px solid var(--border-primary);border-bottom-left-radius:var(--radius-md);color:var(--text-primary)}.message-bubble p{line-height:var(--line-height-relaxed);margin:0 0 var(--space-1) 0}.message-time{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);opacity:.7}.message-input-form{background:var(--background-elevated);border-top:1px solid var(--border-primary);padding:var(--space-4) var(--space-6)}.message-input-container{align-items:center;display:flex;gap:var(--space-3)}.message-input{background:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);color:var(--text-primary);flex:1 1;font-size:var(--font-size-base);padding:var(--space-3) var(--space-4);transition:var(--transition-colors)}.message-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #e91e631a;outline:none}.message-input::placeholder{color:var(--text-tertiary)}.send-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:50%;color:var(--text-on-brand);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:44px;justify-content:center;transition:var(--transition-all);width:44px}.send-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:scale(1.05)}.send-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.no-conversation-selected,.no-conversations,.no-messages{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--space-8);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.no-conversation-selected h3,.no-conversations h3{color:var(--text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.no-conversation-selected p,.no-conversations p{color:var(--text-tertiary);font-size:var(--font-size-base);margin:0}.no-messages p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}@media (max-width:1024px){.messages-layout{grid-template-columns:300px 1fr}.conversations-panel{border-right:1px solid var(--border-primary)}}@media (max-width:768px){.messages-container{min-height:calc(100vh - 60px);padding-top:60px}.messages-layout{grid-template-columns:1fr;height:calc(100vh - 60px);position:relative}.conversations-panel{border-right:none;display:flex;grid-column:1;width:100%}.messages-panel{background:var(--background-primary);bottom:0;display:none;left:0;position:absolute;right:0;top:0;z-index:10}.messages-panel.active{display:flex}.conversations-panel.hidden{display:none}.message-bubble{max-width:85%}.message-input-container{gap:var(--space-2)}.conversation-item{min-height:72px;padding:var(--space-4) var(--space-4)}.avatar-placeholder,.conversation-avatar{height:52px;width:52px}.avatar-placeholder{font-size:var(--text-xl)}}@media (max-width:640px){.conversations-header,.messages-header{padding:var(--space-4)}.conversations-title{font-size:var(--text-xl)}.message-input,.message-input-form{padding:var(--space-3)}.message-input{font-size:var(--text-sm)}.send-button{font-size:var(--text-base);height:40px;width:40px}.messages-list{gap:var(--space-2);padding:var(--space-3)}}@media (max-width:768px){.mobile-back-button{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-base);gap:var(--space-2);margin-right:var(--space-3);padding:var(--space-2);transition:all .2s ease}.mobile-back-button:hover{background:var(--background-secondary);color:var(--text-primary)}.mobile-back-button:focus{outline:2px solid var(--brand-primary);outline-offset:2px}.conversation-item:focus{outline:2px solid var(--brand-primary);outline-offset:-2px}.message-input:focus{box-shadow:0 0 0 2px var(--brand-primary)}}.spotify-callback{align-items:center;background:linear-gradient(135deg,#1db954,#191414);display:flex;justify-content:center;min-height:100vh;padding:var(--space-md)}.callback-container{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:500px;padding:var(--space-8);text-align:center;width:100%}.callback-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-md)}.callback-content h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:700;margin:0}.callback-content p{color:var(--text-secondary);font-size:var(--text-base);line-height:var(--line-height-relaxed);margin:0}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--surface-secondary);border-top:4px solid #1db954;height:48px;width:48px}.callback-content.success{color:var(--success-700)}.success-icon{animation:bounce 1s ease-in-out infinite alternate;font-size:4rem}.callback-content.error{color:var(--error-700)}.error-icon{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.progress-bar{background:var(--surface-secondary);height:8px;margin-top:var(--space-md);overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{animation:progress 2s ease-in-out;background:linear-gradient(90deg,#1db954,#1ed760);height:100%;transform-origin:left}@keyframes progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.retry-button{background:var(--primary-600);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-base);font-weight:600;margin-top:var(--space-md);padding:var(--space-sm) var(--space-lg);transition:all .2s ease}.retry-button:hover{background:var(--primary-700);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.retry-button:active{transform:translateY(0)}@media (max-width:640px){.spotify-callback{padding:var(--space-sm)}.callback-container{padding:var(--space-6)}.callback-content h2{font-size:var(--text-xl)}.callback-content p{font-size:var(--text-sm)}.error-icon,.success-icon{font-size:3rem}.loading-spinner{border-width:3px;height:40px;width:40px}}@media (prefers-reduced-motion:reduce){.error-icon,.loading-spinner,.progress-fill,.success-icon{animation:none}.retry-button:hover{transform:none}}@media (prefers-color-scheme:dark){.callback-container{background:var(--surface-primary);background:var(--surface-primary-dark,var(--surface-primary));border-color:var(--border-primary-dark,var(--border-primary))}.callback-content h2{color:var(--text-primary);color:var(--text-primary-dark,var(--text-primary))}.callback-content p{color:var(--text-secondary);color:var(--text-secondary-dark,var(--text-secondary))}}@media (prefers-contrast:high){.callback-container{border-width:2px}.retry-button:focus{outline:3px solid;outline-offset:2px}}.privacy-policy-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;padding:var(--space-lg) var(--space-md)}.privacy-policy-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;line-height:1.6;margin:0 auto;max-width:800px;padding:var(--space-8)}.privacy-header{border-bottom:2px solid #e2e8f0;margin-bottom:var(--space-8);padding-bottom:var(--space-6);text-align:center}.privacy-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:2.5rem;font-weight:800;margin-bottom:var(--space-4)}.policy-meta{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center}.policy-meta p{background:#f8fafc;border-radius:8px;color:#64748b;font-size:var(--text-sm);margin:0;padding:var(--space-xs) var(--space-sm)}.privacy-section{margin-bottom:var(--space-8)}.privacy-section h2{border-bottom:1px solid #e2e8f0;color:#2d3748;font-size:1.8rem;font-weight:700;margin-bottom:var(--space-4);padding-bottom:var(--space-2)}.privacy-section h3{color:#4a5568;font-size:1.3rem;font-weight:600;margin:var(--space-4) 0 var(--space-2) 0}.privacy-section h4{color:#667eea;font-size:1.1rem;font-weight:600;margin:var(--space-3) 0 var(--space-2) 0}.privacy-section p{color:#4a5568;margin-bottom:var(--space-3)}.privacy-section ul{margin:var(--space-2) 0 var(--space-4) 0;padding-left:var(--space-4)}.privacy-section li{color:#4a5568;line-height:1.5;margin-bottom:var(--space-2)}.privacy-section li strong{color:#2d3748;font-weight:600}.highlight-box{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:12px;margin:var(--space-4) 0;padding:var(--space-4)}.highlight-box h4{color:#667eea;margin-top:0}.highlight-box p{font-weight:500;margin-bottom:0}.contact-info{background:#f8fafc;border-radius:8px;margin:var(--space-3) 0;padding:var(--space-4)}.contact-info p{font-weight:500;margin-bottom:var(--space-2)}.contact-info p:last-child{margin-bottom:0}.consent-section{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea1a;border-radius:12px;padding:var(--space-6)}.policy-footer{border-top:1px solid #667eea33;margin-top:var(--space-4);padding-top:var(--space-4)}.policy-footer em{color:#64748b;font-style:italic;line-height:1.5}@media (max-width:768px){.privacy-policy-container{padding:var(--space-md) var(--space-sm)}.privacy-policy-content{margin:var(--space-sm);padding:var(--space-6)}.privacy-header h1{font-size:2rem}.policy-meta{align-items:center;flex-direction:column;gap:var(--space-2)}.privacy-section h2{font-size:1.5rem}.privacy-section h3{font-size:1.2rem}}@media (max-width:480px){.privacy-policy-content{padding:var(--space-4)}.privacy-header h1{font-size:1.8rem}.privacy-section h2{font-size:1.3rem}}.App{background:var(--background-primary);color:var(--text-primary);font-family:var(--font-family-primary);min-height:100vh;position:relative}.App:before{background:radial-gradient(circle at 20% 80%,#e91e631a 0,#0000 50%),radial-gradient(circle at 80% 20%,#00bcd41a 0,#0000 50%),radial-gradient(circle at 40% 40%,#ff98000d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.loading-container{flex-direction:column;gap:var(--space-6);min-height:60vh;padding:var(--space-8)}.loading-container,.loading-spinner{align-items:center;display:flex;justify-content:center}.loading-spinner{animation:spin 1.5s linear infinite;background:conic-gradient(from 0deg,#0000,var(--brand-primary),#0000,var(--brand-secondary),#0000);border-radius:50%;filter:drop-shadow(0 0 20px rgba(233,30,99,.3));height:64px;position:relative;width:64px}.loading-spinner:before{background:var(--background-primary);border-radius:50%;content:"";inset:6px;position:absolute;z-index:1}.loading-spinner:after{animation:pulse 2s infinite;content:"🎵";font-size:1.75rem;position:absolute;z-index:2}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-text{animation:fadeInUp .6s ease-out .3s both;color:var(--text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-align:center}.main-container{margin:0 auto;max-width:1400px;padding:0 var(--space-6);position:relative}.content-wrapper{-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);overflow:hidden}.heading-1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-6)}.heading-2{font-size:var(--font-size-3xl);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}.heading-2,.heading-3{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.heading-3{font-size:var(--font-size-xl);line-height:var(--line-height-normal);margin-bottom:var(--space-3)}.text-large{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.text-gradient{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.section{padding:var(--space-20) 0;position:relative}.section-sm{padding:var(--space-12) 0}.section-hero{background:var(--gradient-dark);border-radius:var(--radius-3xl);margin:var(--space-8) 0;overflow:hidden;padding:var(--space-32) 0;position:relative;text-align:center}.section-hero:before{background:radial-gradient(circle at 50% 0,#e91e6333 0,#0000 50%),radial-gradient(circle at 0 100%,#00bcd433 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.status-online{position:relative}.status-online:after{animation:pulseGlow 2s infinite;background:var(--success-500);border:2px solid var(--background-primary);border-radius:50%;bottom:0;box-shadow:0 0 0 2px var(--success-500),0 0 20px #4caf5066;content:"";height:12px;position:absolute;right:0;width:12px}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 2px var(--success-500),0 0 20px #4caf5066;opacity:1;transform:scale(1)}50%{box-shadow:0 0 0 4px var(--success-500),0 0 30px #4caf5099;opacity:.8;transform:scale(1.1)}}.glass-effect{-webkit-backdrop-filter:var(--blur-base);backdrop-filter:var(--blur-base);background:#ffffff0d;border:1px solid #ffffff1a}.floating-element{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glow-effect{filter:drop-shadow(0 0 20px rgba(233,30,99,.3))}.interactive-element{cursor:pointer;transition:var(--transition-all)}.interactive-element:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{transition:opacity var(--transition-normal),transform var(--transition-normal)}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.main-content{min-height:calc(100vh - 64px);padding-top:0}.page-container{background:#0000;margin:0 auto;max-width:1200px;min-height:calc(100vh - 64px);padding:var(--space-8) var(--space-6)}.clean-grid{grid-gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.clean-grid,.clean-grid-2{display:grid;gap:var(--space-6)}.clean-grid-2{grid-gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.clean-grid-3{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr)}.clean-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:var(--radius-2xl);overflow:hidden;padding:var(--space-6);position:relative;transition:var(--transition-all)}.clean-card:before{background:var(--gradient-primary);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.clean-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-4px)}.clean-card:hover:before{opacity:1}.page-title{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);margin-bottom:var(--space-4);text-align:center}.page-subtitle{color:var(--text-tertiary);font-size:var(--font-size-lg);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);margin:0 auto var(--space-12);max-width:600px;text-align:center}.full-screen{min-height:100vh}@media (max-width:1024px){.main-container{padding:0 var(--space-4)}.content-wrapper{border-radius:var(--radius-2xl)}.page-container{padding:var(--space-6) var(--space-4)}.clean-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.heading-1{font-size:var(--font-size-4xl)}.heading-2{font-size:var(--font-size-2xl)}.page-header{flex-direction:column;padding:var(--space-4)}.mode-indicator,.page-header{align-items:flex-start;text-align:left}.mode-indicator{width:100%}.section{padding:var(--space-16) 0}.page-container{padding:var(--space-4) var(--space-4)}.page-title{font-size:var(--font-size-3xl)}.page-subtitle{font-size:var(--font-size-base)}.clean-grid,.clean-grid-2,.clean-grid-3{gap:var(--space-4);grid-template-columns:1fr}.clean-card{padding:var(--space-4)}}@media (max-width:640px){.main-container{padding:0 var(--space-3)}.content-wrapper{border-radius:var(--radius-xl);margin:var(--space-2)}.heading-1{font-size:var(--font-size-3xl)}.page-header{border-radius:var(--radius-xl);margin:var(--space-4)}.section{padding:var(--space-12) 0}}.page-header{align-items:center;background:var(--background-elevated);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-6);position:relative}.page-header:before{background:var(--gradient-primary);content:"";height:1px;left:0;position:absolute;right:0;top:0}.mode-indicator{align-items:flex-end;background:#e91e631a;border:1px solid #e91e6333;border-radius:var(--radius-xl);display:flex;flex-direction:column;padding:var(--space-3) var(--space-4);text-align:right}.mode-label{color:var(--brand-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.mode-description{color:var(--text-secondary);font-size:var(--font-size-sm)}.mode-description a{color:var(--brand-primary);font-weight:var(--font-weight-medium);text-decoration:none;transition:var(--transition-colors)}.mode-description a:hover{color:var(--brand-secondary);text-decoration:underline}h1,h2,h3,h4,h5,h6{color:#fff!important}a,button,div,h1,h2,h3,h4,h5,h6,label,p,span{opacity:1!important;visibility:visible!important}a,button,div,label,p,span{color:#f8f9fa!important}.description,.small,.subtitle,.text-small,small{color:#e9ecef!important;opacity:1!important;visibility:visible!important}.meta,.muted,.text-muted,.timestamp{color:#d6d9dc!important;opacity:1!important;visibility:visible!important}input,select,textarea{background-color:#ffffff0d!important;border-color:#fff3!important;color:#fff!important}input::placeholder,textarea::placeholder{color:#adb5bd!important;opacity:1!important}nav,nav a,nav button,nav span{color:#f8f9fa!important;opacity:1!important}.btn,button{color:#fff!important}.btn,a,button{opacity:1!important}a{color:#f8f9fa!important;text-decoration:none!important}a:hover{color:#fff!important;text-decoration:underline!important}li,ol,table,td,th,ul{opacity:1!important}.card,.container,.wrapper,li,ol,table,td,th,ul{color:#f8f9fa!important}.card h1,.card h2,.card h3,.card h4,.card h5,.card h6{color:#fff!important}.activity,.activity p,.avatar,.card div,.card p,.card span,.chat,.chat p,.conversation,.conversation p,.feed,.feed p,.message,.message p,.profile,.timeline,.timeline p,.user{color:#f8f9fa!important}.metric,.number,.stat{color:#fff!important}.metric-label,.stat-label{color:#e9ecef!important}.error,.info,.success,.warning{color:#fff!important;opacity:1!important}.empty,.loading,.placeholder{color:#f8f9fa!important;opacity:1!important}*{text-shadow:none!important}[class*=color-],[class*=text-],[style*="color: hsla"],[style*="color: rgba"]{color:#f8f9fa!important;opacity:1!important}.accent,.brand,.highlight{color:#e91e63!important;opacity:1!important}.App *,body *,html *{opacity:1!important;visibility:visible!important}.action-card p,.activity-content p,.conversation-last-message,.conversation-name,.hero-greeting,.hero-subtitle,.page-subtitle,.page-title,.section-title,.stat-label{color:#fff!important;opacity:1!important;visibility:visible!important}.error-boundary{align-items:center;background:linear-gradient(135deg,#fee2e2,#fef2f2);display:flex;justify-content:center;min-height:100vh;padding:var(--space-4)}.error-content{background:#fff;border:1px solid #ef444433;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:500px;padding:var(--space-8);text-align:center}.error-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:var(--space-4)}.error-content h2{color:#dc2626;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0}.error-content p{color:var(--text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 0 var(--space-6) 0}.error-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.error-actions .btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-5);text-decoration:none;transition:var(--transition-normal)}.btn-primary{background:var(--gradient-primary);box-shadow:var(--shadow-brand);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));box-shadow:var(--shadow-lg),0 0 20px #e91e6366;transform:translateY(-2px)}.btn-secondary{background:var(--background-secondary);border:2px solid var(--border-primary);color:var(--text-secondary)}.btn-secondary:hover{background:var(--background-primary);border-color:var(--text-secondary);color:var(--text-primary);transform:translateY(-1px)}.error-details{background:#f8f9fa;border:1px solid #dee2e6;border-radius:var(--radius-lg);margin-top:var(--space-6);overflow:hidden;text-align:left}.error-details summary{background:#e9ecef;color:#495057;cursor:pointer;font-weight:var(--font-weight-semibold);padding:var(--space-3);-webkit-user-select:none;user-select:none}.error-details summary:hover{background:#dee2e6}.error-details pre{background:#f8f9fa;color:#495057;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:var(--font-size-sm);margin:0;overflow-x:auto;padding:var(--space-3);white-space:pre-wrap;word-break:break-word}.error-details pre:first-of-type{background:#fff5f5;border-bottom:1px solid #dee2e6;color:#c53030}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.error-boundary{padding:var(--space-3)}.error-content{max-width:100%;padding:var(--space-6)}.error-icon{font-size:3rem}.error-content h2{font-size:var(--font-size-xl)}.error-content p{font-size:var(--font-size-base)}.error-actions{flex-direction:column}.error-actions .btn{justify-content:center;width:100%}}@media (max-width:480px){.error-content{border-radius:var(--radius-xl);padding:var(--space-4)}.error-icon{font-size:2.5rem}.error-content h2{font-size:var(--font-size-lg)}.error-details pre{font-size:var(--font-size-xs)}}@media (prefers-contrast:high){.error-boundary{background:#fee2e2}.btn-primary,.btn-secondary,.error-content{border-width:2px}}@media (prefers-reduced-motion:reduce){.error-icon{animation:none}.btn-primary:hover,.btn-secondary:hover{transform:none}}
/*# sourceMappingURL=main.1195d80f.css.map*/