:root{--color-bg-dark: #0f0f1a;--color-bg-darker: #1a1a2e;--color-bg-card: rgba(17, 17, 30, .8);--color-bg-overlay: rgba(0, 0, 0, .5);--color-bg-glass: rgba(255, 255, 255, .05);--color-white: #ffffff;--color-pink: #d4006f;--color-pink-light: rgba(212, 0, 111, .4);--color-purple: #a020f0;--color-purple-light: rgba(160, 32, 240, .3);--color-green: #22c55e;--color-green-light: rgba(34, 197, 94, .2);--color-yellow: #fbbf24;--color-yellow-light: rgba(251, 191, 36, .2);--color-red: #ef4444;--color-red-light: rgba(239, 68, 68, .2);--color-blue: #3b82f6;--color-blue-light: rgba(59, 130, 246, .1);--color-gold: #ffc107;--color-hotpink: #d4006f;--color-lightpink: #ff1744;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--color-text-disabled: rgba(255, 255, 255, .4);--gradient-primary: linear-gradient(135deg, #d4006f 0%, #a020f0 100%);--gradient-pink: linear-gradient(135deg, #d4006f 0%, #ff1744 100%);--gradient-instagram: linear-gradient( 135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100% );--gradient-bg: linear-gradient(135deg, var(--color-bg-dark) 0%, var(--color-bg-darker) 100%);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 14px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 50%;--height-input: 52px;--height-button: 52px;--height-button-sm: 44px;--height-nav-item: 56px;--width-toggle: 52px;--width-avatar-sm: 40px;--width-avatar-md: 48px;--width-avatar-lg: 56px;--width-avatar-xl: 120px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--border-width: 1px;--border-light: 1px solid rgba(160, 32, 240, .3);--border-pink: 1px solid rgba(212, 0, 111, .3);--border-white: 1px solid rgba(255, 255, 255, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .5);--shadow-glow-pink: 0 0 20px rgba(212, 0, 111, .4);--shadow-glow-purple: 0 0 20px rgba(160, 32, 240, .4);--shadow-glow-gold: 0 0 20px rgba(255, 193, 7, .4);--shadow-glow-blue: 0 0 20px rgba(59, 130, 246, .4);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--duration-fast: .15s;--duration-base: .3s;--duration-slow: .5s;--duration-slower: 1s;--transition-base: all var(--duration-base) var(--ease-in-out);--transition-slow: all var(--duration-slow) var(--ease-in-out);--transition-fast: all var(--duration-fast) var(--ease-out);--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-popover: 2000;--z-toast: 3000}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.85}}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}@keyframes pulsePending{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes shakeRejected{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes fadeInApproved{0%{opacity:0;transform:scale(.8) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes statusGlow{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 15px currentColor}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes heartbreak{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-5deg) scale(1.05)}75%{transform:rotate(5deg) scale(1.05)}}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}50%{transform:scale(1)}75%{transform:scale(1.1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-out)}.animate-slide-in{animation:slideIn var(--duration-base) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-base) var(--ease-out)}.animate-slide-in-up{animation:slideInUp var(--duration-slow) var(--ease-out)}.animate-pulse-glow{animation:pulseGlow 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-heartbeat{animation:heartbeat 1.5s var(--ease-in-out) infinite}.animate-float{animation:float 20s var(--ease-in-out) infinite}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-shimmer{animation:shimmer 3s linear infinite}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--gradient-bg);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,a,input,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}.form-input,.form-input-dark,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=search]{width:100%;height:var(--height-input);padding:0 var(--space-4);background:var(--color-bg-glass);border:var(--border-light);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-medium);transition:var(--transition-base)}.form-input:not([class*=btn])::placeholder,input:not([class*=btn])::placeholder{color:var(--color-text-disabled)}.form-input:focus,input:focus{outline:none;border-color:var(--color-pink);background:#ffffff14;box-shadow:0 0 0 3px #ec48991a,var(--shadow-glow-pink)}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-textarea,textarea{width:100%;min-height:140px;padding:var(--space-4);background:var(--color-bg-glass);border:var(--border-light);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-base);line-height:var(--leading-normal);resize:vertical;transition:var(--transition-base)}.form-textarea:focus,textarea:focus{outline:none;border-color:var(--color-pink);background:#ffffff14;box-shadow:0 0 0 3px #ec48991a}.input-wrapper{position:relative}.input-prefix{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:#ec4899cc;font-weight:var(--font-bold);font-size:var(--text-lg);pointer-events:none;z-index:1}.form-label{display:block;color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.form-hint{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.error-message{margin-top:var(--space-2);color:#fca5a5;font-size:var(--text-xs);font-weight:var(--font-medium)}.form-group{margin-bottom:var(--space-5)}.form-group:last-child{margin-bottom:0}.char-counter{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);text-align:right}.char-counter.warning{color:var(--color-yellow)}.char-counter.error{color:var(--color-red)}.btn-primary,.btn-primary-gradient,button[type=submit]{width:100%;height:var(--height-button);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:var(--color-white);font-weight:var(--font-bold);font-size:var(--text-base);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-glow-pink)}.btn-primary:hover:not(:disabled),.btn-primary-gradient:hover:not(:disabled),button[type=submit]:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 0 30px #ec489999,0 0 60px #ec48994d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-glass);border:var(--border-white);border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:var(--font-semibold);font-size:var(--text-base);cursor:pointer;transition:var(--transition-base)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.toggle-switch{position:relative;display:inline-block;width:var(--width-toggle);height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.slider{background:var(--gradient-primary)}.toggle-switch input:checked+.slider:before{transform:translate(24px)}.toggle-switch .slider{position:absolute;cursor:pointer;inset:0;background-color:#fff3;transition:var(--transition-base);border-radius:28px}.toggle-switch .slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:var(--transition-base);border-radius:50%}.checkbox-wrapper{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-pink)}select{width:100%;height:var(--height-input);padding:0 var(--space-4);background:var(--color-bg-glass);border:var(--border-light);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-base);font-weight:var(--font-medium);transition:var(--transition-base);cursor:pointer}select:focus{outline:none;border-color:var(--color-pink);background:#ffffff14;box-shadow:0 0 0 3px #ec48991a}select option{background:var(--color-bg-darker);color:var(--color-text-primary);padding:var(--space-3)}.glass-effect{background:var(--color-bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:var(--border-light);border-radius:var(--radius-xl)}.glass-light{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glow-pink{box-shadow:var(--shadow-glow-pink),0 0 40px #ec489933}.glow-purple{box-shadow:var(--shadow-glow-purple),0 0 40px #a855f733}.glow-blue{box-shadow:var(--shadow-glow-blue),0 0 40px #3b82f633}.gradient-primary{background:var(--gradient-primary)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5);transition:var(--transition-base);box-shadow:var(--shadow-md)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 15px #a855f733;border-color:#ec489966}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:20px;font-size:var(--text-xs);font-weight:var(--font-bold);white-space:nowrap}.badge-primary{background:var(--gradient-primary);color:var(--color-white);box-shadow:0 0 15px #ec489966}.badge-success{background:var(--color-green-light);color:var(--color-green);border:var(--border-width) solid rgba(34,197,94,.4)}.badge-warning{background:var(--color-yellow-light);color:var(--color-yellow);border:var(--border-width) solid rgba(251,191,36,.4)}.badge-error{background:var(--color-red-light);color:var(--color-red);border:var(--border-width) solid rgba(239,68,68,.4)}.spinner{width:var(--space-8);height:var(--space-8);border:4px solid rgba(255,255,255,.1);border-top-color:var(--color-pink);border-radius:50%;animation:spin var(--duration-slower) linear infinite}::-webkit-scrollbar{width:var(--space-2);height:var(--space-2)}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:#a855f766;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#ec489999}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.text-center{text-align:center}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.m-0{margin:var(--space-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-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.p-0{padding:var(--space-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-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-10{z-index:10}.z-50{z-index:50}.z-100{z-index:100}.empty-state{padding:var(--space-8) var(--space-4);text-align:center;height:60px;margin-bottom:var(--space-6)}.empty-state .empty-icon{font-size:80px;margin-bottom:var(--space-4);opacity:.3}.empty-state h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state p{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-5)}.empty-state .cta-btn{padding:var(--space-3) var(--space-5);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-base);box-shadow:0 0 15px #ec489966}.empty-state .cta-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #ec489999}.loading-container{padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.loading-container p{color:var(--color-text-muted);font-size:var(--text-sm)}.error-container{padding:var(--space-8) var(--space-4);text-align:center}.error-container .error-icon{font-size:64px;margin-bottom:var(--space-4);opacity:.5}.error-container p{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-5)}.error-container .retry-btn{padding:var(--space-3) var(--space-5);background:var(--color-red-light);border:var(--border-width) solid var(--color-red);border-radius:var(--radius-md);color:var(--color-red);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base)}.error-container .retry-btn:hover{background:#ef44444d;transform:translateY(-2px)}.feed-page{min-height:100vh;padding-bottom:80px;background:linear-gradient(135deg,var(--color-bg-dark) 0%,var(--color-bg-darker) 100%);position:relative;overflow-x:hidden}.feed-page:before,.feed-page:after{content:"";position:fixed;width:100%;height:100%;background:radial-gradient(circle,rgba(236,72,153,.15) 0%,transparent 70%);pointer-events:none;z-index:-1}.feed-page:before{top:-50%;right:-50%}.feed-page:after{bottom:-50%;left:-50%;background:radial-gradient(circle,rgba(168,85,247,.15) 0%,transparent 70%)}.feed-header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:flex-end;padding:16px 20px;background:var(--color-bg-card);border-bottom:1px solid rgba(168,85,247,.2);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.feed-header .logo{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}.profile-avatar.circle{width:44px;height:44px;border-radius:50%;background:linear-gradient(#11111e,#11111e) padding-box,linear-gradient(135deg,#d4006f,#a020f0) border-box;border:4px solid transparent;color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-extrabold)}.feed-header .logo h1{font-size:var(--text-lg);font-weight:var(--font-black);line-height:var(--leading-tight);letter-spacing:1px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-btn{background:none;border:none;padding:0;cursor:pointer}.sender-avatar2,.chat-avatar,.user-avatar,.request-avatar{width:40px;height:40px;aspect-ratio:1 / 1;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);color:var(--color-white);box-shadow:var(--shadow-glow-pink);margin-right:16px;font-size:18px;padding:0}.sender-avatar{width:40px;height:40px;aspect-ratio:1 / 1;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);color:var(--color-white);box-shadow:var(--shadow-glow-pink);margin-right:16px;font-size:8px;padding:0}.profile-avatar{width:var(--width-avatar-md);height:var(--width-avatar-md);font-size:var(--text-base);border-radius:var(--radius-lg)}.chat-avatar{width:52px;height:52px;font-size:var(--text-xl);border-radius:var(--radius-lg)}.user-avatar{width:var(--width-avatar-sm);height:var(--width-avatar-sm);font-size:var(--text-base);border-radius:var(--radius-md)}.request-avatar{width:var(--width-avatar-md);height:var(--width-avatar-md);font-size:var(--text-2xl)}.search-container{margin-top:76px;padding:var(--space-4) var(--space-5)}.search-input{position:relative;width:100%}.search-input input{width:100%;height:var(--width-avatar-md);padding:0 var(--space-4) 0 48px;background:var(--color-bg-glass);border:var(--border-light);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:15px;transition:var(--transition-base)}.search-input input:focus{outline:none;border-color:var(--color-pink);background:#ffffff14;box-shadow:0 0 0 3px #ec48991a}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--text-xl);opacity:.5}avatar2 .top-section{padding:0 var(--space-5) var(--space-5)}.section-title{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.top-carousel{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:none}.top-carousel::-webkit-scrollbar{display:none}.top-card{min-width:280px;padding:var(--space-5);background:var(--color-bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-light);border-radius:var(--radius-xl);position:relative;margin-bottom:var(--space-3)}.top-card.featured{border-color:var(--color-yellow);box-shadow:0 0 20px #fbbf244d;margin-bottom:var(--space-3)}.top-badge{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.badge-number{width:32px;height:32px;background:var(--gradient-primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:var(--font-extrabold);font-size:var(--text-base)}.badge-label{padding:var(--space-1) var(--space-3);background:#ec489933;border:var(--border-pink);border-radius:20px;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-pink)}.top-message-text{color:#ffffffe6;font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-3);margin-top:var(--space-2)}.top-stats{display:flex;gap:var(--space-4)}.top-stats .stat{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.messages-container{padding:0 var(--space-5)}.messages-list{display:flex;flex-direction:column;gap:var(--space-4)}.matches-btn{background:var(--gradient-pink);color:#fff;position:relative;overflow:hidden}.matches-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width var(--duration-slow),height var(--duration-slow)}.matches-btn:hover:before{width:300px;height:300px}.matches-btn.active{background:linear-gradient(135deg,var(--color-pink),var(--color-lightpink));box-shadow:0 8px 24px #ff69b466;transform:scale(1.05)}.match-stats-bar{display:flex;justify-content:space-around;align-items:center;background:linear-gradient(135deg,#ff69b426,#ffb6c11a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-5);margin:var(--space-5) var(--space-4);border:var(--border-width) solid rgba(255,105,180,.3);box-shadow:0 4px 16px #ff69b433}.stat-item{display:flex;align-items:center;gap:var(--space-2)}.stat-icon{font-size:var(--text-2xl);animation:float 3s var(--ease-in-out) infinite}.stat-label{font-size:var(--text-sm);font-weight:var(--font-bold);color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.2)}.matches-container{padding:0 var(--space-4) 100px var(--space-4);min-height:60vh;position:relative;z-index:1}.matches-container:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,105,180,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,182,193,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.matches-list{display:flex;flex-direction:column;gap:var(--space-5);position:relative;z-index:1}.matches-header{text-align:center;padding:var(--space-6) var(--space-5);background:linear-gradient(135deg,#ff69b41a,#ffb6c10d);border-radius:var(--radius-3xl);margin-bottom:var(--space-5);border:var(--border-width) solid rgba(255,105,180,.2)}.matches-title{font-size:var(--text-3xl);font-weight:var(--font-black);background:var(--gradient-pink);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-3);text-shadow:0 4px 8px rgba(255,105,180,.3)}.matches-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:var(--font-medium);line-height:var(--leading-normal)}.empty-state-match{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px var(--space-5);min-height:400px;text-align:center}.empty-state-match .empty-icon{font-size:120px;margin-bottom:var(--space-5);animation:heartbreak 2s var(--ease-in-out) infinite}.empty-state-match h3{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:#ffffffe6;margin-bottom:var(--space-3)}.empty-state-match p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:var(--leading-normal)}.empty-hint{background:#ff69b41a;padding:var(--space-3) var(--space-5);border-radius:var(--radius-3xl);margin-top:var(--space-5);border:var(--border-width) solid rgba(255,105,180,.2);font-weight:var(--font-semibold);color:var(--color-lightpink)}.message-card{padding:var(--space-3);background:var(--color-bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-light);border-radius:var(--radius-xl);position:relative;transition:var(--transition-base);animation:fadeIn var(--duration-base) var(--ease-out)}.message-card:hover{border-color:#ec489966;box-shadow:var(--shadow-lg)}.message-card.spotted{border-color:var(--color-pink);box-shadow:0 0 30px #ec48994d}.message-card.my-message{border-color:#a855f780}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.sender-info{display:flex;align-items:center;gap:var(--space-3)}.sender-number{font-weight:var(--font-bold);font-size:var(--text-base);color:var(--color-text-primary)}.message-time{font-size:13px;color:var(--color-text-muted)}.spotted-section{margin-bottom:var(--space-3)}.spotted-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ec489933;border:var(--border-pink);border-radius:20px}.spotted-number{font-weight:var(--font-extrabold);color:var(--color-text-primary)}.message-content{margin-bottom:var(--space-4)}.message-text{color:#ffffffe6;font-size:15px;line-height:var(--leading-normal)}.message-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sono-io-btn{flex:1;padding:var(--space-3) var(--space-5);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);font-weight:var(--font-bold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-base);box-shadow:0 0 15px #ec489966}.sono-io-btn:hover{transform:translateY(-2px);box-shadow:0 0 25px #ec489999}.message-stats{display:flex;gap:var(--space-3)}.stat-btn{display:flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base)}.stat-btn:hover{border-color:#ec489980}.stat-btn .icon{font-size:var(--text-base)}.match-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-3xl);padding:var(--space-5);margin-bottom:var(--space-5);border:2px solid rgba(255,105,180,.3);box-shadow:0 8px 32px #ff69b433;transition:var(--transition-base);position:relative;overflow:hidden;animation:slideInUp var(--duration-slow) var(--ease-out);animation-fill-mode:both}.match-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-hotpink),var(--color-pink),var(--color-lightpink),var(--color-pink),var(--color-hotpink));background-size:200% 100%;animation:shimmer 3s linear infinite}.match-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #ff69b44d;border-color:#ff69b480}.match-card.score-excellent{border-color:#ffd70080;box-shadow:0 8px 32px #ffd7004d}.match-card.score-good{border-color:#ff69b480;box-shadow:0 8px 32px #ff69b44d}.match-card.score-medium{border-color:#87cefa80;box-shadow:0 8px 32px #87cefa4d}.match-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.match-badge{display:flex;align-items:center;gap:var(--space-3);background:#ffffff1a;padding:var(--space-2) var(--space-4);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.badge-icon{font-size:var(--text-2xl);animation:pulse 2s var(--ease-in-out) infinite}.badge-score{font-size:var(--text-xl);font-weight:var(--font-black);color:var(--color-gold);text-shadow:0 2px 8px rgba(255,215,0,.5)}.match-label{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-lightpink);text-shadow:0 2px 4px rgba(0,0,0,.3)}.messages-container-match{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);margin-bottom:var(--space-5);align-items:center}.message-side{display:flex;flex-direction:column;gap:var(--space-3)}.user-badge-match{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fffc}.user-number{background:#ffffff26;padding:var(--space-1) var(--space-3);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.spotted-number-match{background:var(--gradient-pink);padding:var(--space-1) var(--space-3);border-radius:var(--radius-2xl);color:#fff;font-weight:var(--font-bold)}.arrow{color:var(--color-pink);font-size:var(--text-lg)}.message-bubble-match{background:#ffffff14;border-radius:var(--radius-3xl);padding:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-width) solid rgba(255,255,255,.1);transition:var(--transition-base)}.message-bubble-match:hover{background:#ffffff1f;transform:scale(1.02)}.message-text-match{color:#fffffff2;font-size:15px;line-height:var(--leading-normal);margin-bottom:var(--space-3);word-wrap:break-word}.message-footer-match{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:#fff9}.likes-match{display:flex;align-items:center;gap:var(--space-1);color:#ff6b9d;font-weight:var(--font-semibold)}.match-connector{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:0 var(--space-2)}.connector-line{width:2px;height:40px;background:linear-gradient(180deg,#ff69b4cc,#ffb6c14d)}.connector-icon{font-size:var(--text-3xl);animation:heartbeat 1.5s var(--ease-in-out) infinite;filter:drop-shadow(0 0 10px rgba(255,105,180,.6))}.match-stats-match{display:flex;justify-content:space-around;padding:var(--space-4);background:#ffffff0d;border-radius:var(--radius-2xl);margin-bottom:var(--space-4);gap:var(--space-4)}.stat-match{display:flex;align-items:center;gap:var(--space-2)}.stat-icon-match{font-size:var(--text-xl)}.stat-value-match{font-size:var(--text-sm);font-weight:var(--font-semibold);color:#fffc}.match-actions{display:flex;gap:var(--space-3);justify-content:center}.btn-primary-match,.btn-secondary-match{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-3xl);font-weight:var(--font-bold);font-size:15px;border:none;cursor:pointer;transition:var(--transition-base)}.btn-primary-match{background:var(--gradient-pink);color:#fff;box-shadow:0 4px 16px #ff149366}.btn-primary-match:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff149380}.btn-primary-match:disabled{opacity:.5;cursor:not-allowed}.btn-secondary-match{background:#ffffff1a;color:#ffffffe6;border:var(--border-white);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-secondary-match:hover{background:#ffffff26;transform:translateY(-2px)}.btn-icon-match{font-size:var(--text-lg)}.fab{position:fixed;bottom:100px;right:var(--space-5);width:60px;height:60px;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #ec489980;cursor:pointer;transition:var(--transition-base);z-index:var(--z-dropdown)}.fab:hover{transform:scale(1.1);box-shadow:0 6px 30px #ec4899b3}.fab-icon{font-size:var(--text-2xl)}.my-messages-page,.create-message-page,.moderator-dashboard,.profile-page{min-height:100vh;padding-bottom:80px;background:var(--gradient-bg)}.page-header{padding:var(--space-5);background:var(--color-bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:var(--border-width) solid rgba(168,85,247,.2);display:flex;align-items:center;justify-content:space-between}.header-content{display:flex;align-items:center;gap:var(--space-4)}.header-icon{font-size:var(--text-3xl)}.header-text h1{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.header-text p{font-size:var(--text-sm);color:var(--color-text-muted)}.profile-link{background:none;border:none;cursor:pointer}.user-badge{padding:var(--space-2) var(--space-5);background:var(--gradient-primary);border-radius:var(--radius-2xl);font-weight:var(--font-extrabold);font-size:var(--text-sm);color:var(--color-white);box-shadow:0 0 15px #ec489966}.tabs-container{display:flex;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:#11111e99;overflow-x:auto;scrollbar-width:none}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-bg-glass);border:var(--border-light);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-base);white-space:nowrap}.tab-btn:hover{background:#ffffff14}.tab-btn.active{background:var(--gradient-primary);border-color:transparent;color:var(--color-white);box-shadow:0 0 15px #ec489966}.tab-icon{font-size:var(--text-base)}.badge-count{padding:2px var(--space-2);background:#fff3;border-radius:10px;font-size:var(--text-xs);font-weight:var(--font-extrabold)}.content-area{padding:var(--space-5)}.sent-message-card{position:relative;margin-bottom:var(--space-4)}.message-status-badge{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10;animation:slideUp var(--duration-base) var(--ease-out)}.status-indicator,.status-badge{padding:var(--space-2) var(--space-3);border-radius:20px;font-size:11px;font-weight:var(--font-bold);text-transform:uppercase;animation:slideUp var(--duration-base) var(--ease-out);transition:var(--transition-base)}.status-indicator.pending,.status-badge.pending{background:var(--color-yellow-light);color:var(--color-yellow);border:var(--border-width) solid rgba(251,191,36,.4)}.status-indicator.approved,.status-badge.approved{background:var(--color-green-light);color:var(--color-green);border:var(--border-width) solid rgba(34,197,94,.4)}.status-indicator.rejected,.status-badge.rejected{background:var(--color-red-light);color:var(--color-red);border:var(--border-width) solid rgba(239,68,68,.4)}.chats-list{display:flex;flex-direction:column;gap:var(--space-3)}.chat-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-light);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-base)}.chat-item:hover{border-color:#ec489966;transform:translateY(-2px)}.chat-info{flex:1;min-width:0}.chat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.chat-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary)}.chat-preview{font-size:var(--text-sm);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-preview.empty{font-style:italic;opacity:.5}.chat-badge{flex-shrink:0}.unread-count{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-2);background:var(--gradient-primary);border-radius:12px;font-size:var(--text-xs);font-weight:var(--font-extrabold);color:var(--color-white)}.chat-popup{position:fixed;bottom:80px;left:var(--space-5);right:var(--space-5);max-width:500px;margin:0 auto;max-height:600px;background:#11111ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--border-width) solid rgba(168,85,247,.4);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;z-index:var(--z-modal);animation:slideUp var(--duration-base) var(--ease-out)}.chat-user{display:flex;align-items:center;gap:var(--space-3)}.user-name{font-weight:var(--font-bold);font-size:15px;color:var(--color-text-primary)}.close-btn{width:32px;height:32px;background:var(--color-red-light);border:var(--border-width) solid rgba(239,68,68,.4);border-radius:var(--radius-sm);color:var(--color-red);font-size:var(--text-lg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base)}.close-btn:hover{background:#ef44444d}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.message{display:flex;flex-direction:column;max-width:75%}.message.mine{align-self:flex-end}.message-bubble{padding:var(--space-3) var(--space-4);background:#ffffff14;border:var(--border-light);border-radius:var(--radius-xl)}.message.mine .message-bubble{background:var(--gradient-primary);border-color:transparent}.message-bubble p{color:var(--color-white);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-1)}.message-bubble .time{font-size:11px;color:#fff9}.chat-input{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:var(--border-width) solid rgba(168,85,247,.2)}.chat-input input{flex:1;height:var(--height-button-sm);padding:0 var(--space-4);background:var(--color-bg-glass);border:var(--border-light);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm)}.chat-input input:focus{outline:none;border-color:var(--color-pink);background:#ffffff14}.chat-input button{width:var(--height-button-sm);height:var(--height-button-sm);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-xl);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base)}.chat-input button:hover:not(:disabled){transform:scale(1.05)}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.char-count{font-size:11px;color:var(--color-text-muted);margin-left:auto}.back-btn{width:40px;height:40px;background:var(--color-bg-glass);border:var(--border-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base)}.back-btn:hover{background:#ffffff14;border-color:#ec489980}.back-btn .icon{font-size:var(--text-xl);color:var(--color-text-primary)}.page-title{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-text-primary)}.page-content{padding:var(--space-5)}.info-card{padding:var(--space-5);background:var(--color-bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-light);border-radius:var(--radius-xl);text-align:center;margin-bottom:var(--space-5)}.info-icon{font-size:48px;margin-bottom:var(--space-3)}.info-card h2{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.info-subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.message-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-section{display:flex;flex-direction:column;gap:var(--space-3)}.label-icon{font-size:var(--text-lg)}.moderation-info,.tip-card,.notice-card{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md)}.moderation-info{background:var(--color-blue-light);border:var(--border-width) solid rgba(59,130,246,.3)}.tip-card{background:var(--color-yellow-light);border:var(--border-width) solid rgba(251,191,36,.3);margin-top:var(--space-5)}.notice-card{background:var(--color-blue-light);border:var(--border-width) solid rgba(59,130,246,.3);margin:0 var(--space-5) var(--space-5)}.info-icon-small,.notice-icon{font-size:var(--text-xl);color:var(--color-blue);flex-shrink:0}.tip-icon{font-size:var(--text-2xl);flex-shrink:0}.info-text,.tip-text,.notice-text{font-size:13px;color:#fffc;line-height:var(--leading-normal)}.moderator-dashboard{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding-bottom:86px}.moderator-dashboard .dashboard-header{position:sticky;top:0;z-index:200;background:#1a1a2ef2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px;padding-top:calc(16px + env(safe-area-inset-top,0));border-bottom:1px solid rgba(255,255,255,.1)}.moderator-dashboard .dashboard-header .header-content{display:flex;align-items:center;gap:12px;margin-bottom:0}.moderator-dashboard .dashboard-header .header-content .header-icon{width:48px;height:48px;background:#a855f733;border:2px solid #a855f7;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#a855f7;font-size:28px;flex-shrink:0;cursor:pointer}.moderator-dashboard .dashboard-header .header-content .header-text{flex:1}.moderator-dashboard .dashboard-header .header-content .header-text h1{font-size:24px;font-weight:800;color:#c084fc;margin:0 0 4px}.moderator-dashboard .dashboard-header .header-content .header-text p{color:#ffffff80;font-size:12px;margin:0}.moderator-dashboard .refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.moderator-dashboard .event-management-btn{width:48px;height:48px;background:linear-gradient(135deg,#d4006f,#ff1493);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 16px #d4006f66;margin-right:8px}.moderator-dashboard .refresh-btn:hover:not(:disabled){background:#ffffff26;transform:scale(1.05)}.moderator-dashboard .refresh-btn:disabled{opacity:.5;cursor:not-allowed}.moderator-dashboard .refresh-btn .spinning{animation:spin-refresh 1s linear infinite}@keyframes spin-refresh{to{transform:rotate(360deg)}}.moderator-dashboard .stats-row{display:grid;grid-template-columns:1fr;gap:12px;margin:16px}.moderator-dashboard .stats-row .stat-card{padding:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;text-align:center;transition:all .3s ease}.moderator-dashboard .stats-row .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.moderator-dashboard .stats-row .stat-card .stat-value{font-size:32px;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;display:block}.moderator-dashboard .stats-row .stat-card .stat-label{color:#ffffff80;font-size:12px;text-transform:lowercase}.moderator-dashboard .notice-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;margin:16px}.moderator-dashboard .notice-card .notice-icon{font-size:24px;color:#3b82f6;flex-shrink:0}.moderator-dashboard .notice-card .notice-text{color:#ffffffb3;font-size:12px;line-height:1.6;margin:0}.content-area-dashboard{padding:16px}.content-area-dashboard .moderation-card{background:#1e1e32cc;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px;margin-bottom:16px;transition:all .3s ease;animation:fadeIn .3s ease}.content-area-dashboard .moderation-card:hover{box-shadow:0 4px 12px #00000026;border-color:#ec48994d}.content-area-dashboard .moderation-card .card-header{display:flex;flex-direction:row!important;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.content-area-dashboard .spot-flow{display:flex;align-items:center;gap:8px}.content-area-dashboard .user-bubble,.content-area-dashboard .spotted-bubble{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:10px;white-space:nowrap;flex-shrink:0}.content-area-dashboard .spotted-bubble{background:#ec489926;border-color:#ec48994d}.content-area-dashboard .spotted-bubble.all{background:#3b82f626;border-color:#3b82f64d}.content-area-dashboard .user-number,.content-area-dashboard .spotted-number{font-size:15px;font-weight:700;color:#fff;line-height:1}.content-area-dashboard .user-label{font-size:10px;color:#ffffff80;text-transform:uppercase;line-height:1}.content-area-dashboard .spot-arrow{color:#ec4899cc;font-size:16px;flex-shrink:0}.content-area-dashboard .sender-info{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.content-area-dashboard .timestamp{font-size:11px;color:#ffffff80}.content-area-dashboard .moderation-card .card-header .status-badge{padding:6px 12px;background:#fbbf2433;border:1px solid #f59e0b;border-radius:20px;color:#f59e0b;font-size:11px;font-weight:700;text-transform:uppercase}.content-area-dashboard .moderation-card .card-body{margin-bottom:16px}.content-area-dashboard .moderation-card .card-body .message-text{color:#fff;font-size:16px;line-height:1.6;margin:0;padding:16px;background:#ffffff08;border-radius:12px;word-wrap:break-word}.content-area-dashboard .moderation-card .card-actions{display:flex;gap:12px;align-items:stretch}.content-area-dashboard .moderation-card .card-actions .action-btn{flex:1 1 0;min-width:0;padding:12px 0;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.content-area-dashboard .moderation-card .card-actions .action-btn.approve{background:#22c55e33;border:1px solid #22c55e;color:#22c55e}.content-area-dashboard .moderation-card .card-actions .action-btn.approve:hover{background:#22c55e4d;transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.content-area-dashboard .moderation-card .card-actions .action-btn.story{background:var(--gradient-instagram);border:none;color:#fff}.content-area-dashboard .moderation-card .card-actions .action-btn.story:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e4405f80}.content-area-dashboard .moderation-card .card-actions .action-btn.moderate{background:linear-gradient(135deg,#ff9800,#ffc107);border:none;color:#fff}.content-area-dashboard .moderation-card .card-actions .action-btn.moderate:hover{background:linear-gradient(135deg,#fb8c00,#ffb300);transform:translateY(-2px);box-shadow:0 6px 20px #ff980066}.content-area-dashboard .moderation-card .card-actions .action-btn.reject{background:#ef444433;border:1px solid #ef4444;color:#ef4444}.content-area-dashboard .moderation-card .card-actions .action-btn.reject:hover{background:#ef44444d;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.moderate-modal{max-width:600px;max-height:90vh;overflow-y:auto}.profanity-alert{display:flex;gap:16px;padding:16px;background:#ff980026;border:2px solid rgba(255,152,0,.4);border-radius:12px;margin-bottom:20px}.alert-icon{font-size:32px;flex-shrink:0}.alert-content{flex:1;color:#ffffffe6;font-size:14px;line-height:1.5}.alert-content strong{color:#ff9800;display:block;margin-bottom:8px}.profanity-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.profanity-badge{padding:4px 12px;background:#f4433633;border:1px solid rgba(244,67,54,.4);border-radius:16px;font-size:12px;font-weight:600;color:#ff5252}.moderation-actions-bar{display:flex;gap:12px;margin-bottom:20px}.quick-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#ffffffe6;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.quick-action-btn:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.moderation-editor{margin-bottom:20px}.moderation-textarea{min-height:150px;font-size:15px;line-height:1.6}.auto-approve-section{margin-bottom:24px;padding:16px;background:#ffffff0d;border-radius:12px}.toggle-container{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-input{display:none}.toggle-slider{position:relative;width:52px;height:28px;background:#fff3;border-radius:34px;transition:all .3s ease;flex-shrink:0}.toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;top:3px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.toggle-input:checked+.toggle-slider{background:linear-gradient(135deg,#4caf50,#66bb6a)}.toggle-input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-label{color:#ffffffe6;font-size:14px;font-weight:500}.action-btn.cancel{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2)}.action-btn.cancel:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px)}.action-btn.save{background:linear-gradient(135deg,#4caf50,#66bb6a);color:#fff;flex:2}.action-btn.save:hover:not(:disabled){background:linear-gradient(135deg,#43a047,#5cb85c);transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}@media(max-width:480px){.moderator-dashboard .dashboard-header .header-content .header-icon{width:40px;height:40px;font-size:24px}.moderator-dashboard .dashboard-header .header-content .header-text h1{font-size:20px}.content-area-dashboard .spot-flow{gap:6px}.content-area-dashboard .user-bubble,.content-area-dashboard .spotted-bubble{padding:5px 10px}.content-area-dashboard .user-number,.content-area-dashboard .spotted-number{font-size:13px}.content-area-dashboard .spot-arrow{font-size:14px}.content-area-dashboard .moderation-card{padding:12px}.content-area-dashboard .moderation-card .card-header{flex-direction:column;align-items:flex-start;gap:8px}}.feed-page .empty-state{display:flex;justify-content:center;gap:12px;padding:16px 20px}.feed-page .empty-state .cta-btn{flex:1;padding:12px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffb3;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.feed-page .empty-state .cta-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.feed-page .empty-state .cta-btn.active{background:linear-gradient(135deg,#d4006f,#a020f0);border:none;box-shadow:0 4px 12px #d4006f66;color:#fff}@media(max-width:480px){.moderator-dashboard .dashboard-header .header-content .header-icon{width:40px;height:40px;font-size:24px}.moderator-dashboard .dashboard-header .header-content .header-text h1{font-size:20px}.moderator-dashboard .dashboard-header .header-content .header-text p{font-size:11px}.moderator-dashboard .dashboard-header .stats-row .stat-card{padding:12px}.moderator-dashboard .dashboard-header .stats-row .stat-card .stat-value{font-size:24px}.moderator-dashboard .tabs-container{gap:8px}.moderator-dashboard .tabs-container .tab-btn{padding:10px 8px;font-size:12px}.content-area-dashboard .moderation-card{padding:12px}.content-area-dashboard .moderation-card .card-header{flex-direction:column;align-items:flex-start;gap:8px}.feed-page .empty-state{gap:8px}.feed-page .empty-state .cta-btn{padding:10px 12px;font-size:13px}}.story-modal-overlay{position:fixed;inset:0;background:#000000e6;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-5);animation:fadeIn var(--duration-base) var(--ease-out);overflow-y:auto}.story-modal{width:100%;max-width:600px;background:#1a1a2efa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--border-width) solid rgba(168,85,247,.3);border-radius:var(--radius-2xl);padding:var(--space-5);max-height:90vh;overflow-y:auto;animation:slideUp var(--duration-base) var(--ease-out)}.story-modal::-webkit-scrollbar{width:var(--space-2)}.story-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-sm)}.story-modal::-webkit-scrollbar-thumb{background:#ec489980;border-radius:var(--radius-sm)}.story-modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:var(--border-width) solid rgba(168,85,247,.2)}.story-modal .modal-header .header-title{display:flex;align-items:center;gap:var(--space-3)}.story-modal .modal-header .header-title i{font-size:var(--text-3xl);color:#e4405f}.story-modal .modal-header .header-title h2{font-size:var(--text-2xl);font-weight:var(--font-extrabold);background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin:0}.story-modal .modal-header .close-btn{width:36px;height:36px;background:var(--color-red-light);border:var(--border-width) solid rgba(239,68,68,.4);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-red);font-size:var(--text-lg);cursor:pointer;transition:var(--transition-base)}.story-modal .modal-header .close-btn:hover{background:#ef44444d;transform:scale(1.05)}.story-modal .story-preview-section{margin-bottom:var(--space-5)}.story-modal .story-preview-section h3{font-size:var(--text-base);font-weight:var(--font-bold);color:#ffffffe6;margin-bottom:var(--space-3)}.story-modal .story-image-container{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:var(--radius-3xl);overflow:hidden;box-shadow:0 8px 32px #0006;border:2px solid rgba(168,85,247,.3)}.story-modal .story-image{width:100%;height:100%;object-fit:cover}.story-modal .original-message-section{margin-bottom:var(--space-5)}.story-modal .original-message-section h3{font-size:var(--text-base);font-weight:var(--font-bold);color:#ffffffe6;margin-bottom:var(--space-3)}.story-modal .original-message-card{padding:var(--space-4);background:#ffffff0d;border:var(--border-width) solid rgba(168,85,247,.3);border-radius:var(--radius-2xl)}.story-modal .original-message-card .message-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.story-modal .message-number{width:var(--width-avatar-md);height:var(--width-avatar-md);background:var(--gradient-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-weight:var(--font-extrabold);font-size:var(--text-lg);color:var(--color-text-primary);flex-shrink:0}.story-modal .message-info{flex:1}.story-modal .message-info h4{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 4px}.story-modal .likes-count{display:flex;align-items:center;gap:6px;color:var(--color-pink);font-size:var(--text-sm);font-weight:var(--font-semibold)}.story-modal .original-message-card .message-text{color:#ffffffe6;font-size:var(--text-sm);line-height:var(--leading-normal);font-style:italic;margin:0}.story-modal .comment-section{margin-bottom:var(--space-5)}.story-modal .comment-section h3{font-size:var(--text-base);font-weight:var(--font-bold);color:#ffffffe6;margin-bottom:var(--space-3)}.story-modal .comment-textarea{width:100%;min-height:100px;padding:var(--space-3) var(--space-4);background:#ffffff0d;border:var(--border-width) solid rgba(168,85,247,.3);border-radius:var(--radius-2xl);color:var(--color-text-primary);font-size:var(--text-sm);font-family:inherit;resize:vertical;transition:var(--transition-base)}.story-modal .comment-textarea::placeholder{color:var(--color-text-disabled)}.story-modal .comment-textarea:focus{outline:none;border-color:var(--color-pink);background:#ffffff14;box-shadow:0 0 0 3px #ec48991a}.story-modal .char-count{text-align:right;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.story-modal .suggestion-box{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--color-blue-light);border:var(--border-width) solid rgba(59,130,246,.3);border-radius:var(--radius-2xl);margin-bottom:var(--space-5)}.story-modal .suggestion-icon{font-size:var(--text-2xl);flex-shrink:0}.story-modal .suggestion-text{font-size:13px;color:#fffc;line-height:var(--leading-normal);margin:0}.story-modal .suggestion-text strong{color:#3b82f6}.story-modal .modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.story-modal .modal-actions .action-btn{padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-2xl);font-weight:var(--font-bold);font-size:15px;cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.story-modal .modal-actions .action-btn.download{background:var(--gradient-primary);color:var(--color-text-primary);box-shadow:0 0 15px #ec489966}.story-modal .modal-actions .action-btn.download:hover{transform:translateY(-2px);box-shadow:0 0 25px #ec489999}.story-modal .modal-actions .action-btn.copy{background:#ffffff0d;border:var(--border-width) solid rgba(168,85,247,.3);color:var(--color-text-primary)}.story-modal .modal-actions .action-btn.copy:hover{background:#ffffff14;border-color:#ec489980}.story-modal .modal-actions .action-btn i{font-size:var(--text-lg)}.profile-avatar-section{padding:var(--space-6) var(--space-5);text-align:center;background:#11111e99;border-bottom:var(--border-width) solid rgba(168,85,247,.2)}.avatar-circle{width:var(--width-avatar-xl);height:var(--width-avatar-xl);margin:0 auto var(--space-5);background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #ec489966}.avatar-icon{font-size:64px}.profile-title{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.profile-number-badge{display:inline-block;padding:var(--space-3) var(--space-5);background:var(--gradient-primary);border-radius:var(--radius-3xl);font-weight:var(--font-extrabold);font-size:var(--text-lg);color:var(--color-white);box-shadow:0 0 20px #ec489966;margin-bottom:var(--space-4)}.moderator-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:#a855f733;border:var(--border-width) solid rgba(168,85,247,.4);border-radius:var(--radius-2xl);color:var(--color-purple);font-weight:var(--font-bold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-base)}.moderator-badge:hover{background:#a855f74d}.card-icon{font-size:var(--text-2xl)}.card-header h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary)}.profile-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.btn-cancel{padding:var(--space-3);background:var(--color-red-light);border:var(--border-width) solid rgba(239,68,68,.4);border-radius:var(--radius-md);color:var(--color-red);font-weight:var(--font-semibold);font-size:15px;cursor:pointer;transition:var(--transition-base)}.btn-cancel:hover{background:#ef44444d}.settings-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.setting-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.setting-info h4{font-size:15px;font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.setting-info p{font-size:13px;color:var(--color-text-muted)}.btn-save-settings{width:100%;padding:var(--space-3);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);font-weight:var(--font-bold);font-size:15px;cursor:pointer;transition:var(--transition-base);box-shadow:0 0 15px #ec489966}.btn-save-settings:hover{transform:translateY(-2px);box-shadow:0 0 25px #ec489999}.dev-actions{display:flex;flex-direction:column;gap:var(--space-3)}.btn-dev{padding:var(--space-3);background:var(--color-yellow-light);border:var(--border-width) solid rgba(251,191,36,.4);border-radius:var(--radius-md);color:var(--color-yellow);font-weight:var(--font-semibold);font-size:15px;cursor:pointer;transition:var(--transition-base)}.btn-dev:hover{background:#fbbf244d}.dev-hint{font-size:13px;color:var(--color-text-muted)}.promo-card{margin:var(--space-5);padding:var(--space-5);background:var(--color-bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:var(--border-light);border-radius:var(--radius-xl);text-align:center}.promo-icon{font-size:48px;margin-bottom:var(--space-3)}.promo-card h3{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.promo-card p{font-size:15px;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.btn-instagram{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--gradient-instagram);border:none;border-radius:var(--radius-md);color:var(--color-white);font-weight:var(--font-bold);font-size:15px;cursor:pointer;transition:var(--transition-base);box-shadow:0 0 20px #dc274366}.btn-instagram:hover{transform:translateY(-2px);box-shadow:0 0 30px #dc274399}.instagram-icon{font-size:var(--text-xl)}.arrow{font-size:var(--text-base)}.btn-logout{margin:0 auto var(--space-5);padding:var(--space-4);background:var(--color-red-light);border:var(--border-width) solid rgba(239,68,68,.4);border-radius:var(--radius-md);color:var(--color-red);font-weight:var(--font-bold);font-size:15px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);cursor:pointer;transition:var(--transition-base)}.btn-logout:hover{background:#ef44444d}.logout-icon{font-size:var(--text-xl)}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-modal);background:#0f0f1af2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:var(--border-width) solid rgba(168,85,247,.2);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -4px 20px #0006,0 -2px 10px #a855f71a}.bottom-navigation .nav-container{max-width:600px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;padding:var(--space-2) var(--space-4);position:relative}.bottom-navigation .nav-items{width:100%;display:flex;justify-content:space-around;align-items:center}.bottom-navigation .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);background:none;border:none;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-base);border-radius:var(--radius-2xl);min-width:64px;text-decoration:none;position:relative}.bottom-navigation .nav-item .icon{font-size:var(--text-2xl);transition:transform var(--duration-base) var(--ease-in-out),color var(--duration-base) var(--ease-in-out)}.bottom-navigation .nav-item .label{font-size:11px;font-weight:var(--font-semibold);transition:color var(--duration-base) var(--ease-in-out);white-space:nowrap}.bottom-navigation .nav-item.active{color:var(--color-pink)}.bottom-navigation .nav-item.active .icon{transform:scale(1.15);filter:drop-shadow(0 0 8px rgba(236,72,153,.6))}.bottom-navigation .nav-item.active .label{font-weight:var(--font-bold)}.bottom-navigation .nav-item:hover:not(.active):not(.central){color:#fffc;background:#ffffff0d;transform:translateY(-2px)}.bottom-navigation .nav-item.central{position:relative;background:var(--gradient-primary);color:var(--color-white);border-radius:var(--radius-full);width:var(--height-nav-item);height:var(--height-nav-item);min-width:var(--height-nav-item);padding:0;margin-top:-28px;box-shadow:0 0 20px #ec489966,0 0 40px #ec489933,0 4px 12px #0000004d;animation:pulseGlow 3s infinite;border:3px solid rgba(15,15,26,.95)}.bottom-navigation .nav-item.central .icon{font-size:var(--text-3xl)}.bottom-navigation .nav-item.central .label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:10px;font-weight:var(--font-bold);color:var(--color-white);text-shadow:0 2px 4px rgba(0,0,0,.5)}.bottom-navigation .nav-item.central:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 0 30px #ec489999,0 0 60px #ec48994d,0 8px 20px #0006}.bottom-navigation .nav-item.central:active{transform:translateY(-4px) scale(1)}.bottom-navigation .nav-item .badge{position:absolute;top:8px;right:8px;min-width:18px;height:18px;padding:0 4px;background:var(--color-red);border-radius:9px;font-size:10px;font-weight:var(--font-bold);color:var(--color-white);display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #ef444499,0 2px 4px #0000004d;border:2px solid rgba(15,15,26,.95)}.bottom-navigation .nav-item.active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:linear-gradient(90deg,transparent,var(--color-pink),transparent);border-radius:3px;box-shadow:0 0 10px #ec489999}.bottom-navigation .nav-item.central.active:after{display:none}.auth-page{min-height:100vh;width:100vw;background:var(--gradient-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);position:fixed;inset:0;overflow:hidden}.auth-page:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(236,72,153,.2) 0%,transparent 70%);animation:float 8s var(--ease-in-out) infinite;pointer-events:none}.auth-page:after{content:"";position:absolute;bottom:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 70%);animation:float 10s var(--ease-in-out) infinite reverse;pointer-events:none}.auth-container{position:relative;z-index:1;width:100%;max-width:400px}.logo-section{text-align:center;margin-bottom:var(--space-6)}.logo-section .logo-icon{width:80px;height:80px;background:#11111ecc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:3px solid rgba(168,85,247,.3);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;animation:pulseGlow 3s infinite;box-shadow:0 0 20px #ec48994d}.logo-section .logo-icon .icon{font-size:40px;color:var(--color-white)}.logo-section h1{font-size:var(--text-5xl);font-weight:var(--font-black);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 4px 12px rgba(0,0,0,.3)}.logo-section p{color:var(--color-text-secondary);font-size:var(--text-base);margin:0}.auth-card{background:#11111ecc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:var(--border-width) solid rgba(168,85,247,.3);border-radius:var(--radius-3xl);padding:var(--space-6);box-shadow:0 8px 32px #0006,0 0 20px #a855f71a;margin-bottom:var(--space-5)}.auth-card h2{color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;margin-bottom:.5rem}.auth-card .card-subtitle{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-6)}.auth-card .btn-qr{width:100%;height:56px;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:var(--color-white);font-weight:var(--font-bold);font-size:var(--text-base);cursor:pointer;transition:var(--transition-base);box-shadow:0 0 20px #ec489966,0 0 40px #ec489933;display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-5)}.auth-card .btn-qr:hover{transform:translateY(-2px);box-shadow:0 0 30px #ec489999,0 0 60px #ec48994d}.auth-card .btn-qr:active{transform:translateY(0)}.auth-card .btn-qr .qr-icon{font-size:var(--text-2xl)}.auth-card .divider{position:relative;text-align:center;margin:var(--space-6) 0}.auth-card .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:var(--border-width);background:#ffffff1a}.auth-card .divider span{position:relative;background:#11111ee6;padding:0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em}.auth-card .auth-form .form-group{margin-bottom:var(--space-5)}.auth-card .auth-form .form-group .input-wrapper-dark{position:relative}.auth-card .auth-form .form-group .input-prefix{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:#ec4899cc;font-weight:var(--font-bold);font-size:var(--text-lg);pointer-events:none}.auth-card .auth-form .form-group input{width:100%;height:var(--height-input);padding:0 var(--space-4) 0 50px;background:var(--color-bg-glass);border:var(--border-width) solid rgba(168,85,247,.3);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);transition:var(--transition-base)}.auth-card .auth-form .form-group input::placeholder{color:var(--color-text-disabled)}.auth-card .auth-form .form-group input:focus{outline:none;border-color:var(--color-pink);background:#ffffff14;box-shadow:0 0 0 3px #ec48991a,0 0 20px #ec489933}.auth-card .auth-form .btn-primary-gradient{width:100%;height:var(--height-input);background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:var(--color-white);font-weight:var(--font-bold);font-size:var(--text-base);cursor:pointer;transition:var(--transition-base);box-shadow:0 0 20px #ec489966;margin-top:var(--space-4)}.auth-card .auth-form .btn-primary-gradient:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #ec489999,0 0 60px #ec48994d}.auth-card .auth-form .btn-primary-gradient:active:not(:disabled){transform:translateY(0)}.auth-card .auth-form .btn-primary-gradient:disabled{opacity:.5;cursor:not-allowed}.auth-card .btn-instagram{width:100%;height:var(--width-avatar-md);margin-top:var(--space-4);background:var(--gradient-instagram);border:none;border-radius:var(--radius-lg);color:var(--color-white);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-card .btn-instagram:hover{transform:translateY(-2px);box-shadow:0 0 20px #e4405f80}.footer-message{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);position:relative;z-index:1}.logo-icon{font-size:64px;margin-bottom:var(--space-4)}.status-check-section{margin-top:var(--space-5)}.check-input-group{display:flex;gap:var(--space-2)}.btn-check{width:var(--height-input);height:var(--height-input);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);font-size:var(--text-xl);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-base);flex-shrink:0}.btn-check:hover:not(:disabled){transform:scale(1.05)}.status-result{margin-top:var(--space-5)}.status-card{padding:var(--space-5);border-radius:var(--radius-xl);text-align:center}.status-card.pending{background:var(--color-yellow-light);border:var(--border-width) solid rgba(251,191,36,.3)}.status-card.approved,.status-card.registered{background:var(--color-green-light);border:var(--border-width) solid rgba(34,197,94,.3)}.status-card.rejected{background:var(--color-red-light);border:var(--border-width) solid rgba(239,68,68,.3)}.status-icon{font-size:48px;margin-bottom:var(--space-3)}.status-card h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.status-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.btn-login{padding:var(--space-3) var(--space-6);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);font-weight:var(--font-bold);font-size:15px;cursor:pointer;transition:var(--transition-base);box-shadow:0 0 15px #ec489966}.btn-login:hover{transform:translateY(-2px);box-shadow:0 0 25px #ec489999}.auth-switch{margin-top:var(--space-5);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.btn-link{background:none;border:none;color:var(--color-pink);font-weight:var(--font-bold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-base);margin-left:var(--space-2)}.btn-link:hover{color:var(--color-purple)}.info-cards{margin-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.info-cards .info-card{padding:var(--space-4);background:#11111e99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--border-width) solid rgba(168,85,247,.2);border-radius:var(--radius-md);display:flex;gap:var(--space-3);text-align:left}.info-cards .info-icon{font-size:var(--text-2xl);flex-shrink:0}.info-cards p{font-size:13px;color:#fffc;line-height:var(--leading-normal)}@media(max-width:768px){.match-stats-bar{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.matches-title{font-size:var(--text-2xl)}.matches-subtitle{font-size:var(--text-sm)}.empty-state-match{padding:60px var(--space-4)}.empty-state-match .empty-icon{font-size:80px}.empty-state-match h3{font-size:var(--text-2xl)}.empty-state-match p{font-size:var(--text-sm)}.messages-container-match{grid-template-columns:1fr;gap:var(--space-3)}.match-connector{flex-direction:row;justify-content:center;padding:var(--space-3) 0}.connector-line{width:40px;height:2px}.match-actions{flex-direction:column}.btn-primary-match,.btn-secondary-match{width:100%}.story-modal{padding:var(--space-5);max-height:95vh}.story-modal .modal-header{margin-bottom:var(--space-5)}.story-modal .modal-header .header-title h2{font-size:var(--text-lg)}.story-modal .modal-actions{grid-template-columns:1fr}.auth-card{padding:var(--space-5)}}@media(max-width:480px){.feed-header .logo h1{font-size:var(--text-base)}.profile-avatar{width:44px;height:44px;font-size:var(--text-sm)}.section-title{font-size:var(--text-lg)}.top-card{min-width:240px;margin-bottom:var(--space-3)}.page-title{font-size:var(--text-xl)}.info-card h2{font-size:var(--text-lg)}.app-title-outline{font-size:40px}.welcome-title{font-size:var(--text-xl)}.hide-mobile{display:none!important}.moderator-dashboard .dashboard-header .header-content .shield-icon{width:40px;height:40px;font-size:var(--text-2xl)}.moderator-dashboard .dashboard-header .header-content .header-text h1{font-size:var(--text-xl)}.moderator-dashboard .dashboard-header .header-content .header-text p{font-size:11px}.moderator-dashboard .dashboard-header .stats-row .stat-card{padding:var(--space-3)}.moderator-dashboard .dashboard-header .stats-row .stat-card .stat-value{font-size:var(--text-2xl)}.moderator-dashboard .dashboard-header .stats-row .stat-card .stat-label{font-size:11px}.moderator-dashboard .dashboard-header .reminder-box{padding:var(--space-3);flex-direction:column}.moderator-dashboard .dashboard-header .reminder-box p{font-size:11px}.moderator-dashboard .tabs-section .tabs-container{gap:var(--space-2)}.moderator-dashboard .tabs-section .tabs-container .tab-btn{padding:var(--space-2) var(--space-2);font-size:var(--text-xs)}.moderator-dashboard .tabs-section .tabs-container .tab-btn .tab-label{font-size:var(--text-xs)}.moderator-dashboard .content-area-dashboard,.moderator-dashboard .content-area-dashboard .pending-messages .message-review-card{padding:var(--space-3)}.moderator-dashboard .content-area-dashboard .pending-messages .message-review-card .card-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.moderator-dashboard .content-area-dashboard .pending-messages .message-review-card .card-header .sender-info{width:100%;justify-content:space-between}.moderator-dashboard .content-area-dashboard .pending-messages .message-review-card .card-header .sender-info .sender-arrow,.moderator-dashboard .content-area-dashboard .pending-messages .message-review-card .card-header .sender-info .recipient{font-size:var(--text-base)}.moderator-dashboard .content-area-dashboard .pending-messages .message-review-card .card-meta{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.moderator-dashboard .content-area-dashboard .pending-messages .message-review-card .message-content{font-size:var(--text-sm);padding:var(--space-3)}.moderator-dashboard .content-area-dashboard .pending-messages .message-review-card .action-buttons{grid-template-columns:1fr}.moderator-dashboard .content-area-dashboard .pending-messages .message-review-card .action-buttons .action-btn{padding:var(--space-3) var(--space-4)}.moderator-dashboard .content-area-dashboard .pending-messages .message-review-card .action-buttons .action-btn.reject{grid-column:span 1}.auth-card{padding:var(--space-5)}}@media(min-width:481px){.show-mobile{display:none!important}}@media(max-width:768px){.hide-tablet{display:none!important}}@media(min-width:769px){.show-tablet{display:none!important}}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-navigation{padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}.feed-page,.my-messages-page,.create-message-page,.moderator-dashboard,.profile-page{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.top10-container{width:100%;padding:16px 16px 80px;background:linear-gradient(135deg,#1a1a2e,#16213e)}.top10-list{display:flex;flex-direction:column;gap:16px}.top10-header{background:linear-gradient(135deg,#ff4b911a,#8a2be21a);border:1px solid rgba(255,75,145,.3);border-radius:16px;padding:20px;text-align:center;margin-bottom:8px}.top10-title{font-size:24px;font-weight:700;color:#ff4b91;margin:0 0 8px;text-shadow:0 0 10px rgba(255,75,145,.5)}.top10-subtitle{font-size:14px;color:#b8b8d1;margin:0}.top10-card-vertical{background:#1e1e2ef2;border:1px solid rgba(255,75,145,.2);border-radius:16px;padding:16px;display:flex;gap:12px;align-items:flex-start;transition:all .3s ease;position:relative;box-shadow:0 4px 12px #0000004d}.top10-card-vertical:hover{transform:translateY(-2px);border-color:#ff4b9166;box-shadow:0 6px 20px #ff4b9133}.position-badge{min-width:50px;height:50px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4a5568,#2d3748);border:2px solid rgba(255,255,255,.1)}.position-badge.first{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;box-shadow:0 4px 12px #ffd70066}.position-badge.second{background:linear-gradient(135deg,silver,#e8e8e8);color:#1a1a2e;box-shadow:0 4px 12px #c0c0c066}.position-badge.third{background:linear-gradient(135deg,#cd7f32,#e59866);color:#1a1a2e;box-shadow:0 4px 12px #cd7f3266}.trophy-icon{font-size:20px;margin-bottom:2px}.top10-content{flex:1;display:flex;flex-direction:column;gap:12px}.top10-sender{display:flex;align-items:center;gap:10px}.sender-label{font-size:12px;color:#9ca3af;font-weight:500}.top10-message-text{font-size:15px;line-height:1.5;color:#e2e8f0;margin:0;word-wrap:break-word}.top10-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.top10-stats{display:flex;gap:16px}.stat-item.likes{display:flex;align-items:center;gap:6px;color:#ff4b91;font-size:14px;font-weight:600}.top10-time{font-size:12px;color:#9ca3af}.empty-state-top10{text-align:center;padding:60px 20px;color:#b8b8d1}.empty-state-top10 .empty-icon{font-size:64px;margin-bottom:20px}.empty-state-top10 h3{font-size:20px;color:#e2e8f0;margin:0 0 12px}.empty-state-top10 p{font-size:14px;color:#9ca3af;margin:8px 0}.top-card-carousel{min-width:280px;max-width:280px;background:#1e1e2ef2;border:1px solid rgba(255,75,145,.2);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;scroll-snap-align:start;position:relative;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.top-card-carousel.featured{border-color:#ffd70080;box-shadow:0 6px 20px #ffd7004d}.top-card-carousel:hover{transform:translateY(-4px);border-color:#ff4b9166;box-shadow:0 8px 24px #ff4b914d}.position-badge-small{position:absolute;top:12px;right:12px;min-width:40px;height:40px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4a5568,#2d3748);border:2px solid rgba(255,255,255,.1)}.position-badge-small.first{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;box-shadow:0 4px 12px #ffd70066}.position-badge-small.second{background:linear-gradient(135deg,silver,#e8e8e8);color:#1a1a2e}.position-badge-small.third{background:linear-gradient(135deg,#cd7f32,#e59866);color:#1a1a2e}.position-badge-small span:first-child{font-size:16px;margin-bottom:-2px}.carousel-avatar-container{display:flex;justify-content:center;margin:8px 0}.carousel-message-text{font-size:14px;line-height:1.5;color:#e2e8f0;margin:0;flex:1;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:80px}.carousel-stats{display:flex;justify-content:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.carousel-likes{display:flex;align-items:center;gap:6px;color:#ff4b91;font-size:14px;font-weight:600}.carousel-likes .icon_small{width:18px;height:18px}@media(max-width:768px){.top-card-carousel{min-width:240px;max-width:240px}.carousel-message-text{font-size:13px;min-height:70px}}.message-card.top10-message{position:relative}.position-badge-top{position:absolute;top:12px;left:12px;min-width:45px;height:45px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4a5568,#2d3748);border:2px solid rgba(255,255,255,.1);z-index:10;box-shadow:0 2px 8px #0000004d}.position-badge-top.first{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;box-shadow:0 4px 12px #ffd70080;border-color:#ffd7004d}.position-badge-top.second{background:linear-gradient(135deg,silver,#e8e8e8);color:#1a1a2e;box-shadow:0 4px 12px #c0c0c066;border-color:#c0c0c04d}.position-badge-top.third{background:linear-gradient(135deg,#cd7f32,#e59866);color:#1a1a2e;box-shadow:0 4px 12px #cd7f3266;border-color:#cd7f324d}.position-badge-top .trophy-icon{font-size:18px;line-height:1;margin-bottom:-2px}.position-badge-top .position-number{font-size:10px;line-height:1;margin-top:2px}.message-card.top10-message.featured{border:2px solid rgba(255,215,0,.3);box-shadow:0 4px 16px #ffd70033}.message-card.top10-message.featured:hover{border-color:#ffd70080;box-shadow:0 6px 20px #ffd7004d}.message-card.top10-message .message-header{padding-left:70px}.stat-btn.like-display{cursor:default;opacity:1}.stat-btn.like-display:hover{transform:none}@media(max-width:480px){.position-badge-top{min-width:40px;height:40px;top:10px;left:10px}.position-badge-top .trophy-icon{font-size:16px}.position-badge-top .position-number{font-size:9px}.message-card.top10-message .message-header{padding-left:60px}}.top-carousel-section{margin-bottom:24px;padding:16px;background:linear-gradient(135deg,#ff4b910d,#8a2be20d);border-radius:16px;border:1px solid rgba(255,75,145,.15)}.carousel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.carousel-title{font-size:18px;font-weight:700;color:#ff4b91;margin:0;display:flex;align-items:center;gap:8px}.carousel-subtitle{font-size:12px;color:#9ca3af;font-style:italic}.top-carousel-horizontal{display:flex;gap:16px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.top-carousel-horizontal::-webkit-scrollbar{height:6px}.top-carousel-horizontal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.top-carousel-horizontal::-webkit-scrollbar-thumb{background:#ff4b9180;border-radius:3px}.top-carousel-horizontal::-webkit-scrollbar-thumb:hover{background:#ff4b91b3}.message-card.carousel-card{min-width:280px;max-width:280px;scroll-snap-align:start;position:relative;flex-shrink:0}.message-card.carousel-card.featured{border-color:#ffd70066;box-shadow:0 6px 20px #ffd7004d}.position-badge-carousel{position:absolute;top:10px;right:10px;min-width:38px;height:38px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4a5568,#2d3748);border:2px solid rgba(255,255,255,.1);z-index:10;box-shadow:0 2px 8px #0000004d}.position-badge-carousel.first{background:linear-gradient(135deg,gold,#ffed4e);color:#1a1a2e;box-shadow:0 3px 10px #ffd70080}.position-badge-carousel.second{background:linear-gradient(135deg,silver,#e8e8e8);color:#1a1a2e;box-shadow:0 3px 10px #c0c0c066}.position-badge-carousel.third{background:linear-gradient(135deg,#cd7f32,#e59866);color:#1a1a2e;box-shadow:0 3px 10px #cd7f3266}.position-badge-carousel span:first-child{font-size:14px;line-height:1;margin-bottom:-2px}.message-card.carousel-card .message-text.carousel-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:60px;max-height:60px}@media(max-width:768px){.message-card.carousel-card{min-width:240px;max-width:240px}.position-badge-carousel{min-width:35px;height:35px;top:8px;right:8px}.position-badge-carousel span:first-child{font-size:12px}}@keyframes autoPulse{0%,to{transform:scale(1.4);filter:drop-shadow(0 0 10px rgba(212,0,111,.8))}50%{transform:scale(1.6);filter:drop-shadow(0 0 20px rgba(212,0,111,1))}}@keyframes welcomeGlow{0%{box-shadow:0 8px 32px #0006,0 0 20px #a855f71a,inset 0 0 20px #ffffff0d}25%{box-shadow:0 8px 32px #0009,0 0 40px #d4006f66,0 0 80px #a020f04d,inset 0 0 40px #ffffff1a;transform:translateY(-4px)}50%{box-shadow:0 8px 32px #0009,0 0 60px #d4006f99,0 0 120px #a020f066,inset 0 0 60px #ffffff26;transform:translateY(-4px) scale(1.02)}75%{box-shadow:0 8px 32px #0009,0 0 40px #d4006f66,0 0 80px #a020f04d,inset 0 0 40px #ffffff1a;transform:translateY(-4px)}to{box-shadow:0 8px 32px #0006,0 0 20px #a855f71a,inset 0 0 20px #ffffff0d;transform:translateY(0) scale(1)}}@keyframes connectorFlow{0%{width:0;opacity:0}50%{opacity:1}to{width:30%;opacity:0}}@keyframes titlePulse{0%,to{filter:drop-shadow(0 0 20px rgba(212,0,111,.5))}25%,75%{filter:drop-shadow(0 0 40px rgba(212,0,111,.8)) drop-shadow(0 0 60px rgba(160,32,240,.6))}50%{filter:drop-shadow(0 0 60px rgba(212,0,111,1)) drop-shadow(0 0 80px rgba(160,32,240,.8)) drop-shadow(0 0 100px rgba(255,23,68,.6))}}.animated-background{position:relative;min-height:100vh;background:var(--gradient-bg);overflow:hidden}.animated-background:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(236,72,153,.2) 0%,transparent 70%);animation:float 8s var(--ease-in-out) infinite;pointer-events:none;z-index:0}.animated-background:after{content:"";position:absolute;bottom:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 70%);animation:float 10s var(--ease-in-out) infinite reverse;pointer-events:none;z-index:0}.animated-content{position:relative;z-index:1}.animated-background.intense:before{background:radial-gradient(circle,rgba(236,72,153,.3) 0%,transparent 70%)}.animated-background.intense:after{background:radial-gradient(circle,rgba(168,85,247,.3) 0%,transparent 70%)}.animated-background.subtle:before{background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%)}.animated-background.subtle:after{background:radial-gradient(circle,rgba(168,85,247,.1) 0%,transparent 70%)}.animated-background.fast:before{animation:float 5s var(--ease-in-out) infinite}.animated-background.fast:after{animation:float 6s var(--ease-in-out) infinite reverse}.animated-background.slow:before{animation:float 12s var(--ease-in-out) infinite}.animated-background.slow:after{animation:float 15s var(--ease-in-out) infinite reverse}@media(max-width:768px){.animated-background:before,.animated-background:after{width:150%;height:150%}}.message-card-layout{display:flex;align-items:flex-start;gap:12px;min-height:80px;padding:12px}.sender-section{display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-center-content{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.message-text{word-wrap:break-word;overflow-wrap:break-word;line-height:1.5;margin:0;font-size:15px;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;color:#fffffff2}.message-footer-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.message-time{font-size:12px;opacity:.6;font-weight:500;color:#ffffffb3;white-space:nowrap}.message-like-section{display:flex;align-items:center}.like-btn{display:flex;flex-direction:row;align-items:center;gap:4px;padding:8px;cursor:pointer;transition:all .3s ease;background:none;border:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.count{font-size:13px;font-weight:700;color:#ffffffe6;text-align:center;-webkit-user-select:none;user-select:none}.like-btn:hover:not(:disabled) .heart-icon{transform:scale(1.2)}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.4)}50%{transform:scale(1.15)}}.moderator-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px;align-items:center}.mod-btn{background:none;border:none;padding:8px;cursor:pointer;border-radius:8px;transition:all .2s;font-size:16px;-webkit-tap-highlight-color:transparent}.instagram-btn{color:#e1306c}.instagram-btn:hover{background:#e1306c1a;transform:scale(1.1)}.instagram-btn.downloaded{color:var(--color-green);background:var(--color-green-light)}.instagram-btn.downloaded:hover{background:#22c55e4d;transform:scale(1.1)}.delete-btn{color:#ff1744}.delete-btn:hover{background:#ff17441a;transform:scale(1.1)}@media(max-width:480px){.message-card-layout{gap:8px;padding:8px}.sender-section{min-width:45px}.message-text{font-size:13px}}.message-divider{width:100%;height:1px;margin:8px 0;background:#ffffff1a}.like-btn:focus-visible{outline:2px solid #ff1493;outline-offset:2px}@media(prefers-reduced-motion:reduce){.like-btn,.heart-icon{transition:none;animation:none;margin-left:20px}}.logo img{height:auto;width:auto;max-width:230px}.icon_small{width:2em!important;height:2em!important;display:inline-block;vertical-align:middle}.heart-icon{width:1.5em;height:1.5em;display:inline-block;vertical-align:middle;object-fit:contain;transition:transform .2s ease}.like-btn:hover .heart-icon{transform:scale(1.15)}.like-btn:active .heart-icon{transform:scale(.9)}.like-btn.liked .heart-icon{animation:heartBeat .3s ease}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}}.welcome-title-gradient{font-size:var(--text-4xl);font-weight:var(--font-black);text-align:center;margin:0 0 var(--space-2) 0;background:linear-gradient(135deg,#d4006f,#a020f0,#ff1744);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite;filter:drop-shadow(0 0 20px rgba(212,0,111,.5))}.gradient-spark{display:inline-block;animation:sparkle 1.5s ease-in-out infinite;margin-left:var(--space-2)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}25%{transform:scale(1.2) rotate(20deg);opacity:.8}50%{transform:scale(1) rotate(0);opacity:1}75%{transform:scale(1.2) rotate(-20deg);opacity:.8}}.how-it-works{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:0 var(--space-4);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-card{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);padding:var(--space-4);max-width:90px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,0,111,.2);border-radius:var(--radius-xl);box-shadow:0 4px 16px #0003,0 0 0 1px #a020f01a inset;transition:all var(--duration-base) var(--ease-in-out);animation:slideInUp var(--duration-slow) var(--ease-out) backwards}.step-card:hover{transform:translateY(-4px) scale(1.05);border-color:#d4006f66;background:#ffffff0d;box-shadow:0 8px 24px #d4006f4d,0 0 20px #d4006f33}.step-icon{font-size:var(--text-4xl);line-height:1;filter:drop-shadow(0 2px 8px rgba(212,0,111,.3));transition:transform var(--duration-base) var(--ease-in-out)}.step-image{width:auto;height:16px;filter:drop-shadow(0 2px 8px rgba(212,0,111,.3));transition:transform var(--duration-base) var(--ease-in-out)}.step-card:hover .step-icon{transform:scale(1.2);animation:pulse .6s ease-in-out}.step-text{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all var(--duration-base) var(--ease-in-out)}.step-card:hover .step-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pulse{0%,to{transform:scale(1.2)}50%{transform:scale(1.3)}}@media(max-width:768px){.welcome-title-gradient{font-size:var(--text-3xl)}.how-it-works{gap:var(--space-3)}.step-card{min-width:80px;padding:var(--space-3)}.step-icon{font-size:var(--text-3xl)}.step-text{font-size:var(--text-sm)}}@media(max-width:480px){.welcome-title-gradient{font-size:var(--text-2xl)}.how-it-works{gap:var(--space-2)}.step-card{min-width:70px;padding:var(--space-2)}.step-icon{font-size:var(--text-2xl)}.step-text{font-size:var(--text-xs)}}.card-subtitle{color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-5);font-size:var(--text-base)}.auth-card{margin-bottom:var(--space-4)}.how-it-works:before,.how-it-works:after{content:"\2192";font-size:var(--text-xl);color:#d4006f4d;font-weight:var(--font-bold)}@media(max-width:768px){.how-it-works:before,.how-it-works:after{display:none}}.how-it-works{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);animation:fadeInUp .6s ease-out}.steps-title{font-size:var(--text-2xl);font-weight:var(--font-bold);background:linear-gradient(135deg,#d4006f,#a020f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-2);text-align:center}.steps-container{display:flex;justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:nowrap}.step-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);min-width:120px;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(212,0,111,.2);border-radius:var(--radius-xl);box-shadow:0 4px 16px #0003;transition:all var(--duration-base) var(--ease-in-out);animation:slideInUp .6s var(--ease-out) backwards}.step-card:hover{transform:translateY(-8px) scale(1.05);border-color:#d4006f80;background:#ffffff0f;box-shadow:0 12px 32px #d4006f66}.step-image{width:auto;height:16px;filter:drop-shadow(0 4px 12px rgba(212,0,111,.4));transition:transform var(--duration-base) var(--ease-in-out)}.step-card:hover .step-image{transform:scale(1.15);filter:drop-shadow(0 6px 20px rgba(212,0,111,.6))}.step-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:.5px;text-transform:uppercase}.step-description{font-size:8px;color:var(--color-text-secondary);text-align:center;margin:0;line-height:1.4}.step-arrow{font-size:var(--text-2xl);color:#d4006f66;font-weight:var(--font-bold);animation:pulse 2s ease-in-out infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.steps-container{gap:var(--space-4)}.step-arrow{transform:rotate(90deg)}.step-card{min-width:100px;padding:var(--space-4)}.step-image{height:10px}}@media(max-width:480px){.step-image{height:16px}.step-card{width:120px;height:80px;padding:var(--space-3)}}.delete-all-btn{background:linear-gradient(135deg,#ff3b3b,#d32f2f);border:none;border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ff3b3b4d;margin-left:8px}.delete-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff3b3b66;background:linear-gradient(135deg,#ff5252,#e53935)}.delete-all-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ff3b3b4d}.delete-all-btn:disabled{opacity:.5;cursor:not-allowed}.delete-all-btn i{color:#fff;font-size:20px}.refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.refresh-btn:active:not(:disabled){transform:translateY(0)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn i{color:#fff;font-size:20px;transition:transform .6s ease}.refresh-btn i.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:20px}.header-content{display:flex;align-items:center;gap:16px;flex:1}.action-btn.downloaded,.action-btn.story.downloaded{background:linear-gradient(135deg,#22c55e,#16a34a)}.action-btn.story.downloaded .btn-icon{color:#fff}.modal-actions .action-btn.download.downloaded{background:linear-gradient(135deg,#22c55e,#16a34a)}