@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";:root{--accent-primary: #ff4b96;--accent-secondary: #6c63ff;--text-primary: #ffffff;--text-secondary: #d8d8f0;--text-tertiary: #a0a0c0;--card-bg: #000000;--input-bg: #161628;--error-color: #ff4d4d;--success-color: #4dffb8}html,body{width:100%;height:100%}body{font-family:Inter,sans-serif;color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}.signin-page{min-height:100vh;position:relative;overflow-x:hidden}.unified-container{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:2;padding:0 1rem;width:100%}.unified-header{padding:1.2rem 0;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.289);width:100%}.logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.4rem;color:var(--text-primary)}.logo i{color:var(--accent-primary);font-size:1.6rem}.unified-main{flex:1;display:flex;align-items:center;justify-content:center;padding:1.5rem 0;width:100%}.content-wrapper{display:flex;flex-direction:column;gap:2.5rem;width:100%;align-items:center;max-width:1200px;margin:0 auto}.hero-content{width:100%;text-align:center;padding:0 1rem}.hero-title{font-size:2.5rem;font-weight:800;margin-bottom:1.2rem;line-height:1.2;animation:fadeInUp .8s ease-out;color:#d8d8f0}.logo-title{color:#d8d8f0}.highlighted-word{background:linear-gradient(90deg,#ff4b96,#6c63ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero-subtitle-container{min-height:80px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;width:100%}.hero-subtitle{font-size:1.3rem;font-weight:500;color:var(--text-secondary);opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;line-height:1.5;padding:0 .5rem;width:100%}.hero-subtitle.visible{opacity:1;transform:translateY(0)}.hero-features{display:flex;flex-direction:column;gap:1.2rem;margin-top:2rem;padding:0 1rem;width:100%}.feature{display:flex;align-items:center;gap:1rem;padding:1.2rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05);text-align:left;width:100%}.feature-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.feature-content h3{font-size:1rem;font-weight:600;margin-bottom:.3rem;color:var(--text-primary)}.feature-content p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.auth-card{background:var(--card-bg);border-radius:16px;padding:2rem;width:100%;max-width:400px;box-shadow:0 10px 25px #0003;border:1px solid rgba(255,255,255,.08);animation:slideUp .6s ease-out}.auth-header{text-align:center;margin-bottom:2rem}.auth-title{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:400}.error-message{background:#ff4d4d1a;color:var(--error-color);padding:.8rem 1rem;border-radius:8px;margin-bottom:1.5rem;border-left:4px solid var(--error-color);animation:shake .5s ease-in-out;font-size:.9rem;font-weight:500}.auth-form{margin-bottom:1.8rem}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.6rem;font-weight:500;color:var(--text-primary);font-size:.95rem}.input-group input{width:100%;padding:1rem 1.2rem;background:var(--input-bg);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);font-size:1rem;transition:all .3s ease;font-family:Inter,sans-serif}.input-group input:focus{outline:none;border-color:var(--accent-secondary);box-shadow:0 0 0 3px #6c63ff33}.input-group input::placeholder{color:var(--text-tertiary)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.8rem;font-size:.9rem}.remember-me{display:flex;align-items:center;gap:.6rem;color:var(--text-secondary);cursor:pointer}.remember-me input{accent-color:var(--accent-secondary);width:16px;height:16px;cursor:pointer}.forgot-password{color:var(--accent-secondary);text-decoration:none;transition:all .2s ease;font-weight:500}.primary-btn{width:100%;padding:1rem;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;gap:.6rem;box-shadow:0 5px 15px #6c63ff66}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6c63ff80}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.divider{display:flex;align-items:center;margin:1.8rem 0;color:var(--text-tertiary);font-size:.9rem;font-weight:500}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff14}.divider span{padding:0 1rem}.social-auth{display:flex;justify-content:center;margin-bottom:1.8rem}.social-btn{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.5rem;background:var(--input-bg);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.95rem}.social-btn:hover:not(:disabled){background:#ffffff14;transform:translateY(-2px)}.social-btn:disabled{opacity:.7;cursor:not-allowed}.social-icon{width:18px;height:18px}.auth-footer{text-align:center;color:var(--text-secondary);font-size:.95rem;margin-top:1.5rem}.auth-footer a{color:var(--accent-secondary);text-decoration:none;font-weight:600;transition:all .2s ease}.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-element{position:absolute;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:#6c63ff;font-size:1.1rem}.element-1{top:15%;left:5%;animation:float 6s ease-in-out infinite}.element-2{top:65%;right:5%;animation:float 7s ease-in-out infinite 1s}.element-3{bottom:20%;left:10%;animation:float 5s ease-in-out infinite .5s}.element-4{top:25%;right:8%;animation:float 8s ease-in-out infinite 1.5s}.element-5{bottom:30%;right:15%;animation:float 6s ease-in-out infinite .8s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@media (min-width: 768px){.unified-container{padding:0 2rem}.content-wrapper{flex-direction:row;gap:3rem;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.hero-content{text-align:left;max-width:55%;padding:0;flex:1}.hero-title{font-size:3rem}.hero-subtitle{font-size:1.4rem;padding:0}.auth-card{max-width:400px;flex-shrink:0}}@media (min-width: 1024px){.content-wrapper{gap:4rem;max-width:1300px}.hero-content{max-width:55%}.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.5rem}.auth-card{max-width:450px;padding:2.5rem}.floating-element{width:50px;height:50px;font-size:1.3rem}.element-1{top:20%;left:10%}.element-2{top:60%;right:10%}.element-3{bottom:20%;left:15%}.element-4{top:25%;right:12%}.element-5{bottom:30%;right:20%}}@media (min-width: 1440px){.content-wrapper{max-width:1400px}.hero-title{font-size:4rem}.element-1{left:15%}.element-2{right:15%}.element-4{right:18%}.element-5{right:25%}}@media (max-width: 360px){.unified-container{padding:0 .8rem}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.auth-card{padding:1.5rem}.form-options{flex-direction:column;align-items:flex-start;gap:.8rem}.feature{flex-direction:column;text-align:center;gap:.8rem}.feature-icon{margin-bottom:.5rem}}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.input-hint{display:block;font-size:.8rem;color:var(--text-tertiary);margin-top:.4rem}@media (max-width: 480px){.name-grid{grid-template-columns:1fr;gap:1rem}}:root{--bg-dark: #1a1a2e;--text-light: #f5f5f5;--text-gray: #a0a0a0;--accent-light: #e570a8;--accent-dark: #cc6285;--accent-gradient: linear-gradient(90deg, #e570a8, #ff85a2, #fbb4b4);--accent-glow: rgba(229, 112, 168, .4)}.user-bio-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px 5%;border-bottom:1px solid rgba(229,112,168,.3);position:sticky;top:0;z-index:10;width:100%}.user-bio-header-content{max-width:1400px;margin:0 auto;width:100%}.user-bio-title{margin:0 0 12px;color:#fff;font-weight:700;font-size:1.6rem;text-align:center;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 5s ease infinite;background-size:200% auto}.user-bio-progress-container{display:flex;align-items:center;gap:12px;width:100%}.user-bio-progress-track{flex:1;height:6px;background-color:#ffffff1a;border-radius:10px;overflow:hidden}.user-bio-progress-bar{height:100%;background:linear-gradient(90deg,#e570a8,#ff85a2);transition:width .6s cubic-bezier(.22,1,.36,1);border-radius:10px;box-shadow:0 0 10px var(--accent-glow)}.user-bio-progress-text{font-size:13px;color:#ffffffb3;min-width:50px;font-weight:500}.user-bio-content{padding:30px 5%;margin:0 auto;animation:fadeIn .5s ease;width:100%;max-width:1400px}.user-bio-step-title{color:#fff;margin-bottom:30px;font-weight:600;font-size:1.8rem;position:relative;padding-bottom:15px;text-align:center;width:100%}.user-bio-step-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(90deg,#e570a8,#ff85a2);border-radius:3px}.user-bio-question-container{margin-bottom:30px;background:#1e1e1e99;padding:25px;border-radius:16px;box-shadow:0 8px 20px #0003;transition:all .3s cubic-bezier(.22,1,.36,1);border:1px solid rgba(255,255,255,.05);width:100%;max-width:1000px;margin-left:auto;margin-right:auto}.user-bio-question-container:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0000004d;border-color:#e570a833}.user-bio-question-label{margin-bottom:20px;font-size:18px;color:#fbb4b4;font-weight:500;line-height:1.4}.user-bio-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;width:100%}.user-bio-option-label{display:flex;align-items:center;justify-content:center;padding:18px 15px;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;background:#28282880;font-size:15px;transition:all .3s cubic-bezier(.22,1,.36,1);text-align:center;min-height:60px;position:relative;overflow:hidden}.user-bio-option-label:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.user-bio-option-label:hover{border-color:#e570a866;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.user-bio-option-label:hover:before{left:100%}.user-bio-option-label.selected{background:linear-gradient(135deg,#e570a8,#ff85a2);border-color:transparent;color:#fff;box-shadow:0 5px 15px var(--accent-glow);transform:translateY(-2px);animation:pulse .5s ease}.user-bio-option-label.selected:after{content:"✓";position:absolute;top:5px;right:8px;font-size:12px;font-weight:700}.user-bio-option-input{position:absolute;opacity:0;pointer-events:none}.user-bio-textarea-label{display:block;margin-bottom:15px;font-weight:500;color:#fbb4b4;font-size:16px}.user-bio-textarea{width:100%;min-height:140px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:16px;resize:vertical;background:#28282880;color:#f5f5f5;transition:all .3s ease;line-height:1.5}.user-bio-textarea:focus{outline:none;border-color:#e570a899;box-shadow:0 0 0 3px #e570a833}.user-bio-error{max-width:1400px;margin:30px auto;padding:20px;background:#cf667933;color:#ff85a2;border-radius:12px;border:1px solid rgba(229,112,168,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;animation:shake .5s ease;width:90%}.user-bio-buttons{max-width:1400px;margin:40px auto 30px;display:flex;justify-content:space-between;padding:0 5%;gap:20px;width:90%}.user-bio-button{padding:18px 32px;border:none;border-radius:12px;cursor:pointer;font-size:17px;font-weight:600;transition:all .3s cubic-bezier(.22,1,.36,1);flex:1;max-width:250px;position:relative;overflow:hidden}.user-bio-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.user-bio-button:hover:before{left:100%}.user-bio-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.user-bio-button-back{background:#282828cc;color:#e0e0e0;border:1px solid rgba(255,255,255,.1)}.user-bio-button-back:not(:disabled):hover{background:#3c3c3ce6;border-color:#e570a866;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.user-bio-button-next{background:linear-gradient(135deg,#e570a8,#ff85a2);color:#fff;box-shadow:0 4px 10px var(--accent-glow)}.user-bio-button-next:not(:disabled):hover{box-shadow:0 8px 20px #e570a866;transform:translateY(-3px)}.user-bio-auth-status{position:fixed;bottom:20px;right:20px;background:#151515e6;color:#ffffffb3;padding:10px 16px;border-radius:20px;font-size:12px;box-shadow:0 4px 15px #0003;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;transition:all .3s ease;max-width:220px}.user-bio-auth-status:hover{background:#1e1e1ef2;transform:translateY(-2px)}.user-bio-auth-status.signed-in:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#4cd964;margin-right:6px}.user-bio-auth-status.signed-out:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff3b30;margin-right:6px}.user-bio-loading{padding:80px 5%;text-align:center;color:#e0e0e0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;width:100%}.user-bio-loading-spinner{border:3px solid rgba(255,255,255,.1);border-top:3px solid #e570a8;border-radius:50%;width:60px;height:60px;animation:spin 1s cubic-bezier(.68,-.55,.27,1.55) infinite;margin:0 auto 30px}.user-bio-intro-alt{background:#1a1a2e99;border-radius:16px;padding:50px;margin:30px auto;box-shadow:0 10px 25px #0003;border:1px solid rgba(229,112,168,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:1200px;width:90%}.user-bio-intro-alt-content{max-width:1000px;margin:0 auto;width:100%}.user-bio-intro-alt-header{text-align:center;margin-bottom:50px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.user-bio-intro-alt-header h1{font-size:36px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 20px;line-height:1.3;background-size:200% auto;animation:gradientShift 5s ease infinite}.user-bio-intro-alt-subtitle{font-size:20px;color:#c9c9c9;margin:0;font-weight:500}.user-bio-intro-alt-body{margin:50px 0}.user-bio-intro-alt-section{margin-bottom:40px;padding-left:40px;position:relative}.user-bio-intro-alt-section:before{content:"";position:absolute;left:0;top:8px;width:20px;height:20px;border-radius:50%;background:#e570a84d}.user-bio-intro-alt-section h2{font-size:24px;font-weight:600;color:#ff85a2;margin:0 0 15px}.user-bio-intro-alt-section p{font-size:18px;line-height:1.6;color:#a0a0a0;margin:0}.user-bio-intro-alt-section.highlight{background:linear-gradient(135deg,#e570a826,#ff85a21a);padding:30px;border-radius:12px;border-left:4px solid #ff85a2;margin-left:-40px}.user-bio-intro-alt-section.highlight:before{display:none}.user-bio-intro-alt-section.highlight h2{color:#ff85a2}.user-bio-intro-alt-footer{text-align:center;margin-top:50px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.user-bio-intro-alt-button{padding:18px 50px;font-size:20px;font-weight:600;border-radius:50px;background:linear-gradient(90deg,#e570a8,#ff85a2);color:#fff;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px var(--accent-glow);animation:pulse 2s infinite}.user-bio-intro-alt-button:hover{transform:translateY(-3px);box-shadow:0 8px 15px #e570a866}.user-bio-intro-alt-note{margin-top:20px}.user-bio-intro-alt-note span{font-size:16px;color:#a0a0a0;font-style:italic}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes pulse{0%{box-shadow:0 0 #e570a866}70%{box-shadow:0 0 0 20px #e570a800}to{box-shadow:0 0 #e570a800}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@media (max-width: 768px){.user-bio-container{padding-bottom:20px}.user-bio-header{padding:12px 15px}.user-bio-title{font-size:1.3rem;margin-bottom:8px}.user-bio-content{padding:15px}.user-bio-options-grid{display:flex;flex-direction:row;gap:10px;overflow-x:auto;padding-bottom:15px;-webkit-overflow-scrolling:touch}.user-bio-options-grid::-webkit-scrollbar{height:6px}.user-bio-options-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.user-bio-option-label{min-width:140px;flex-shrink:0;padding:14px 10px;font-size:13px;min-height:44px;border-radius:10px}.user-bio-question-container{padding:16px;margin-bottom:20px;border-radius:14px}.user-bio-step-title{font-size:1.2rem;margin-bottom:16px}.user-bio-step-title:after{width:60px}.user-bio-buttons{flex-direction:column;gap:10px;margin-top:20px;position:sticky;bottom:0;background:#0f0c29e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px;margin-bottom:0;border-top:1px solid rgba(255,255,255,.1)}.user-bio-button{max-width:100%;padding:14px;border-radius:10px;font-size:15px}.user-bio-auth-status{display:none}.user-bio-textarea{min-height:100px;padding:12px;font-size:14px}.user-bio-error{margin:15px;padding:12px;font-size:14px}.user-bio-progress-text{font-size:12px;min-width:45px}.user-bio-intro-alt{padding:30px 15px;margin:15px}.user-bio-intro-alt-header h1{font-size:1.8rem;margin-bottom:25px}.user-bio-intro-alt-section h2{font-size:1.2rem}.user-bio-intro-alt-section p{font-size:1rem;line-height:1.6}.user-bio-intro-alt-footer p{font-size:1rem}.user-bio-intro-alt-button{max-width:100%;padding:16px 24px}}.user-bio-button:focus-visible,.user-bio-option-label:focus-visible{outline:2px solid #e570a8;outline-offset:2px}@media (max-width: 360px){.user-bio-title{font-size:1.2rem}.user-bio-step-title{font-size:1.1rem}.user-bio-question-label{font-size:15px}.user-bio-option-label{font-size:12px;padding:12px 8px}.user-bio-intro-alt-header h1{font-size:1.6rem}}@media (max-width: 768px){.user-bio-options-grid{display:flex;flex-direction:column;gap:10px;overflow-x:hidden;padding-bottom:0}.user-bio-option-label{min-width:100%;padding:14px 10px;font-size:15px;min-height:auto;border-radius:10px}}body{margin:0;padding:0;background:linear-gradient(135deg,#000 0% 50%,#000);min-height:100vh;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.user-agreement-container{margin:30px auto;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 10px 30px #0006;padding:30px;color:#e6e6e6;font-family:Poppins,sans-serif;position:relative;border:1px solid rgba(255,255,255,.1);min-height:auto}.user-agreement-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff4b8b,#ff8a00,#ff4b8b);background-size:200% 100%;animation:gradientMove 3s ease infinite;border-radius:16px 16px 0 0}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.agreement-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.agreement-header h1{color:#fff;font-size:32px;margin-bottom:10px;margin-top:0;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.5px}.agreement-header p{color:#b8b8b8;font-size:16px;font-weight:300;margin:0;line-height:1.5}.agreement-header:after{content:"❤";display:block;font-size:24px;color:#ff4b8b;margin-top:15px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.accept-all-container{background:#25283db3;padding:18px 20px;border-radius:12px;margin-bottom:25px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer}.accept-all-container:hover{background:#2f3247e6;border-color:#ff78aa4d;transform:translateY(-2px);box-shadow:0 5px 15px #ff4b8b33}.accept-all-container .checkbox-label{margin:0;width:100%}.accept-all-container input{margin-right:15px;width:22px;height:22px;cursor:pointer;accent-color:#ff4b8b;border-radius:4px}.accept-all-container span{font-weight:600;color:#fff;font-size:17px;letter-spacing:.5px}.agreement-sections{display:flex;flex-direction:column;gap:20px;margin-bottom:35px}.agreement-section{padding:22px;border-radius:12px;background:#25283db3;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .4s ease forwards;opacity:0;transform:translateY(10px)}.agreement-section:nth-child(1){animation-delay:.1s}.agreement-section:nth-child(2){animation-delay:.2s}.agreement-section:nth-child(3){animation-delay:.3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.agreement-section:hover{background:#2f3247e6;border-color:#ff78aa4d;transform:translateY(-3px);box-shadow:0 8px 20px #0000004d}.agreement-section h3{color:#fff;margin-bottom:15px;margin-top:0;display:flex;justify-content:space-between;align-items:center;font-size:19px;font-weight:600;line-height:1.3;flex-wrap:wrap;gap:10px}.required-badge{background:linear-gradient(45deg,#ff4b8b,#ff6b9c);color:#fff;font-size:12px;padding:5px 10px;border-radius:20px;font-weight:600;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.agreement-content{margin-bottom:18px;color:#d0d0d0;line-height:1.7;font-size:15px}.agreement-content p{margin:0}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;padding:8px 0;transition:all .2s ease;border-radius:8px;margin:0;gap:12px}.checkbox-label:hover{background:#ff4b8b1a;padding-left:8px;padding-right:8px}.checkbox-label input{margin:2px 0 0;width:20px;height:20px;cursor:pointer;accent-color:#ff4b8b;flex-shrink:0}.checkbox-label span{color:#e6e6e6;font-size:15px;line-height:1.4}.submit-container{text-align:center;position:relative;margin-top:35px}.submit-button{background:linear-gradient(45deg,#ff4b8b,#ff6b9c);color:#fff;border:none;padding:16px 40px;border-radius:30px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:220px;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 5px 15px #ff4b8b66;position:relative;overflow:hidden;font-family:inherit}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #ff4b8b99}.submit-button:active:not(:disabled){transform:translateY(1px)}.submit-button:disabled{background:linear-gradient(45deg,#555,#777);cursor:not-allowed;box-shadow:none;transform:none;opacity:.8}.submit-button:disabled:not(:empty){color:transparent}.submit-button:disabled:not(:empty):after{content:"";position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px;width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.auth-check-message{text-align:center;padding:60px 40px;color:#b8b8b8;font-size:18px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;margin:30px auto;max-width:800px}.auth-check-message h2{margin:0;font-weight:300}.accept-all-container input:focus,.checkbox-label input:focus{outline:2px solid rgba(255,75,139,.6);outline-offset:2px;border-radius:4px}.submit-button:focus{outline:2px solid rgba(255,75,139,.6);outline-offset:2px}.user-agreement-container::-webkit-scrollbar{width:8px}.user-agreement-container::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.user-agreement-container::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff4b8b,#ff6b9c);border-radius:4px}.user-agreement-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#ff6b9c,#ff4b8b)}@media (max-width: 768px){.user-agreement-container{padding:20px 15px;margin:15px;border-radius:12px}.agreement-header h1{font-size:26px}.agreement-section{padding:18px 15px}.agreement-section h3{flex-direction:column;align-items:flex-start;gap:10px;font-size:17px}.submit-button{padding:14px 30px;min-width:180px;font-size:16px}.accept-all-container{padding:15px}}@media (max-width: 480px){.user-agreement-container{margin:10px;padding:15px}.agreement-header h1{font-size:24px}.agreement-header p{font-size:14px}.agreement-section{padding:15px}.agreement-section h3{font-size:16px}.agreement-content,.checkbox-label span{font-size:14px}.submit-button{padding:12px 25px;min-width:160px;font-size:15px}.accept-all-container span{font-size:16px}}@media (prefers-contrast: high){.user-agreement-container{border:2px solid #ffffff}.agreement-section{border:1px solid rgba(255,255,255,.3)}.required-badge{background:#ff4b8b;border:1px solid #ffffff}}@media (prefers-reduced-motion: reduce){.user-agreement-container:before,.agreement-header:after,.submit-button:before{animation:none}.agreement-section{animation:none;opacity:1;transform:none}*{transition:none!important}}:root{--bg-primary: #F8F4F2;--bg-secondary: #fffaf8;--text-primary: #211F24;--text-secondary: #6b7280;--border-color: #D2C4CD;--accent-color: #E76281;--accent-gradient: linear-gradient(90deg, #E76281, #A155B9);--shadow: 0 4px 6px rgba(0, 0, 0, .1);--bg-secondary-rgb: 255, 250, 248}.dark-mode{--bg-primary: #211F24;--bg-secondary: #171518;--text-primary: #F3F4F6;--text-secondary: #9ca3af;--border-color: #4E4351;--shadow: 0 4px 6px rgba(0, 0, 0, .3);--bg-secondary-rgb: 23, 21, 24}.desktop-nav{position:fixed;left:0;top:0;height:100vh;width:250px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);box-shadow:var(--shadow);display:flex;flex-direction:column;z-index:100;color:var(--text-primary)}.nav-header{display:flex;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.nav-logo-icon{font-size:24px;color:var(--accent-color);margin-right:10px}.nav-logo-text{font-size:20px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-items-container{flex:1;overflow-y:auto;padding:10px 0}.nav-item{width:100%;display:flex;align-items:center;padding:12px 20px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);font-weight:500}.nav-item:hover{background-color:var(--border-color);transform:translate(4px)}.nav-item.active{background-color:var(--bg-primary);border-left:4px solid;border-image-source:var(--accent-gradient);border-image-slice:1;color:var(--text-primary)}.nav-item.active .nav-label{color:var(--text-primary)}.nav-item.active .nav-icon{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-icon{position:relative;font-size:18px;margin-right:12px;transition:all .3s ease}.nav-label{font-size:14px;font-weight:500;transition:all .3s ease}.nav-footer{padding:15px;border-top:1px solid var(--border-color)}.create-post-btn{width:100%;padding:10px;border-radius:24px;background:var(--accent-gradient);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-weight:600}.create-post-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #e7628166}.btn-icon{margin-right:8px}.theme-toggle-btn{width:100%;padding:8px;margin-top:10px;background:transparent;border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:13px;cursor:pointer;transition:color .2s ease}.theme-toggle-btn:hover{color:var(--text-primary)}.mobile-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;z-index:50}.mobile-header .nav-header{padding:0;border-bottom:none}.profile-btn{background:none;border:none;cursor:pointer;padding:0}.profile-pic-small{width:36px;height:36px;border-radius:50%;overflow:hidden;background-color:var(--border-color);display:flex;align-items:center;justify-content:center}.profile-pic-small img{width:100%;height:100%;object-fit:cover}.profile-initials{font-size:14px;font-weight:600;color:var(--text-primary)}.mobile-drawer{position:fixed;top:0;right:-280px;width:280px;height:100vh;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:-4px 0 12px #0003;transition:right .4s cubic-bezier(.25,.46,.45,.94);z-index:200;display:flex;flex-direction:column}.mobile-drawer.open{right:0}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000001a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .4s cubic-bezier(.25,.46,.45,.94),visibility .4s ease-in-out;z-index:150}.drawer-overlay.visible{opacity:1;visibility:visible}.drawer-header{display:flex;justify-content:center;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.profile-pic-large{width:80px;height:80px;border-radius:50%;background-color:var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.profile-pic-large img{width:100%;height:100%;object-fit:cover}.profile-pic-large .profile-initials{font-size:32px;font-weight:700;color:var(--text-primary)}.user-info{display:none}.drawer-nav-items{flex:1;overflow-y:auto;padding:10px 0}.drawer-item{width:100%;display:flex;align-items:center;padding:12px 20px;background:transparent;border:none;cursor:pointer;transition:all .3s ease;color:var(--text-secondary);font-weight:500}.drawer-item:hover{background-color:var(--border-color)}.drawer-item.active{background-color:var(--bg-primary);border-left:4px solid;border-image-source:var(--accent-gradient);border-image-slice:1;color:var(--text-primary)}.drawer-icon{font-size:18px;margin-right:12px;transition:all .3s ease}.drawer-item.active .drawer-icon{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.drawer-label{font-size:14px;font-weight:500}.drawer-item.logout{color:var(--accent-color)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);box-shadow:0 -4px 12px #0000001a;z-index:100}.mobile-nav-container{display:flex;justify-content:space-around;align-items:center;padding:8px 0;height:60px}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;padding:8px 12px;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);font-size:10px;position:relative;flex:1;min-width:0;transition:color .3s ease}.mobile-nav-item.active{color:var(--accent-color)}.mobile-icon-wrapper{position:relative;font-size:20px;margin-bottom:2px}.mobile-nav-item.active .mobile-icon-wrapper{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.active-indicator{position:absolute;top:-4px;right:-6px;width:8px;height:8px;border-radius:50%;background:var(--accent-gradient);animation:pulse 1.5s infinite}.mobile-fab{position:fixed;bottom:70px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 4px 12px #0003;z-index:101;transition:all .2s ease;font-size:20px}.mobile-fab:hover{transform:scale(1.1)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@media (max-width: 480px){.mobile-nav-item{padding:6px 4px;font-size:9px}.mobile-icon-wrapper{font-size:18px}.mobile-nav-container{padding:6px 0;height:56px}.mobile-fab{width:52px;height:52px;bottom:65px}}.main-content{margin-left:250px;padding:30px;min-height:100vh;transition:all .3s ease;background-color:var(--bg-primary);color:var(--text-primary)}.main-content.mobile-view{margin-left:0;padding:70px 15px 80px}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex}.popup-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:overlayFadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}.popup-content{background:linear-gradient(135deg,#000009,#090909);border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080;color:#e6e6e6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;border-radius:20px 20px 0 0}.popup-header h2{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#6b9eff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 8s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.close-btn{background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.close-btn:hover:not(:disabled){background:#ff6b6bcc;transform:rotate(90deg)}.close-btn:disabled{opacity:.5;cursor:not-allowed}.story-form{padding:0 2rem 2rem}.error-message{background:#ff6b6b33;border:1px solid rgba(255,107,107,.5);color:#ff6b6b;padding:.75rem 1rem;border-radius:10px;margin-bottom:1.5rem;animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.user-info{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.user-info:hover{background:#ffffff14;border-color:#6b9eff4d}.user-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid rgba(107,158,255,.5);box-shadow:0 0 15px #6b9eff4d}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:#fff}.post-visibility{font-size:.8rem;opacity:.7;display:flex;align-items:center;gap:5px}.post-visibility:before{content:"🌎";font-size:.7rem}.form-section{margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem;animation:fadeInUp .5s ease;animation-fill-mode:both}.form-group:nth-child(1){animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:8px}.form-input,.story-textarea{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#0000004d;color:#fff;font-family:inherit;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.form-input:focus,.story-textarea:focus{outline:none;border-color:#6b9eff;box-shadow:0 0 0 3px #6b9eff4d;background:#0006}.form-input:disabled,.story-textarea:disabled{opacity:.6;cursor:not-allowed}.story-textarea{resize:vertical;min-height:150px;line-height:1.6}.character-count{text-align:right;font-size:.8rem;opacity:.7;margin-top:.5rem;transition:all .3s ease}.story-textarea:focus+.character-count{opacity:1;color:#6b9eff}.image-upload-section{margin-bottom:2rem;animation:fadeInUp .5s ease;animation-delay:.4s;animation-fill-mode:both}.image-upload-label{display:flex;align-items:center;gap:10px;padding:1rem;background:#ffffff0d;border:2px dashed rgba(255,255,255,.2);border-radius:12px;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.image-upload-label:hover:not(:has(input:disabled)){background:#6b9eff1a;border-color:#6b9eff;transform:translateY(-2px)}.image-upload-label:has(input:disabled){opacity:.6;cursor:not-allowed}.image-preview{position:relative;margin-top:1rem;border-radius:12px;overflow:hidden;animation:zoomIn .5s ease}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.preview-image{width:100%;max-height:250px;object-fit:cover;border-radius:12px;box-shadow:0 5px 15px #0000004d}.remove-image-btn{position:absolute;top:10px;right:10px;background:#000000b3;border:none;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.remove-image-btn:hover:not(:disabled){background:#ff6b6be6;transform:scale(1.1)}.remove-image-btn:disabled{opacity:.5;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end}.submit-btn{display:flex;align-items:center;gap:10px;padding:.75rem 2rem;border:none;border-radius:50px;background:linear-gradient(135deg,#ff6b6b,#6b9eff);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #6b9eff4d;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 20px #6b9eff66}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{animation:spin 1s linear infinite}.popup-content::-webkit-scrollbar{width:8px}.popup-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:0 10px 10px 0}.popup-content::-webkit-scrollbar-thumb{background:#6b9eff4d;border-radius:10px}.popup-content::-webkit-scrollbar-thumb:hover{background:#6b9eff80}@media (max-width: 768px){.popup-content{max-width:90%;margin:1rem}.popup-header{padding:1rem 1.5rem}.story-form{padding:0 1.5rem 1.5rem}.user-info{flex-direction:column;text-align:center;padding:1rem}.user-details{align-items:center}}@media (max-width: 480px){.popup-header h2{font-size:1.3rem}.form-actions{justify-content:center}.submit-btn{width:100%;justify-content:center}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.form-input:disabled,.story-textarea:disabled,.image-upload-label:has(input:disabled){animation:pulse 1.5s ease-in-out infinite}.discover-sidebar{border-radius:16px;padding:20px;box-shadow:0 4px 12px #0000004d;height:calc(100vh - 40px);position:sticky;top:20px;border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif;color:#f5f5f5;transition:all .3s ease}.discover-header{margin-bottom:20px;flex-shrink:0;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;position:relative}.discover-header h2{color:#f5f5f5;margin:0;font-size:22px;font-weight:700}.discover-list-container{flex:1;overflow-y:auto;margin:0 -10px;padding:0 10px;scrollbar-width:none;-ms-overflow-style:none}.discover-list-container::-webkit-scrollbar{display:none}.ad-link{display:block;text-decoration:none;color:inherit;position:relative}.ad-card{display:flex;flex-direction:column;background:#242424;border-radius:12px;transition:all .3s ease;border:1px solid #333;overflow:hidden;margin-bottom:16px}.ad-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0003;border-color:#e91e63}.ad-image-wrapper{width:100%;padding-top:60%;position:relative;background-color:#333}.ad-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.ad-card:hover .ad-image{transform:scale(1.05)}.ad-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top,#000c,#0000001a);z-index:1}.ad-content{position:absolute;bottom:0;left:0;padding:15px;z-index:2;color:#fff;width:100%}.ad-title{margin:0;font-size:1rem;font-weight:600}.ad-meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ad-actions{display:flex;gap:15px;color:#ffffffb3}.ad-action-item{display:flex;align-items:center;gap:5px;font-size:.875rem;font-weight:500}.ad-action-item svg{width:16px;height:16px;color:#e91e63}.ad-label{background-color:#e91e63;color:#fff;padding:4px 8px;border-radius:4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.discover-loading,.discover-empty{padding:3rem;text-align:center;color:#aaa;font-style:italic;display:flex;flex-direction:column;align-items:center;gap:15px}.skeleton-loader{width:100%;height:150px;background-color:#2b2b2b;border-radius:12px;overflow:hidden;position:relative}.skeleton-loader:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.discover-empty{margin-top:50px;padding:20px;background-color:#242424;border-radius:12px}.discover-empty:before{content:"💰";font-size:2rem;opacity:.7}.ad-fade-container{opacity:1;transition:opacity .5s ease-in-out}.ad-fade-container.fading{opacity:0}@media (max-width: 1024px){.discover-sidebar{display:none}}.dpc-post-card-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border-radius:16px;padding:16px;margin:16px 0;transition:all .3s ease;width:600px;max-width:100%}.dpc-post-card-container.dark-mode{background:linear-gradient(145deg,#1a1c20,#23272e);box-shadow:0 8px 32px #0003;color:#e6e6e6;border:1px solid rgba(255,255,255,.08)}.dpc-post-content{display:flex;gap:12px}.dpc-profile-section{flex-shrink:0}.dpc-profile-image{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #ff4d6d;box-shadow:0 0 0 2px #ff4d6d4d}.dpc-initials-avatar{width:40px;height:40px;border-radius:50%;background-color:#ff4d6d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border:2px solid #ff4d6d;box-shadow:0 0 0 2px #ff4d6d4d}.dpc-input-section{flex:1}.dpc-input-container{background:#ffffff08;border-radius:12px;padding:10px;transition:all .3s ease;border:1px solid rgba(255,255,255,.06);margin-bottom:8px}.dpc-input-container.expanded{background:#ffffff0d;border-color:#ff4d6d4d;box-shadow:0 0 15px #ff4d6d1a}.dpc-input-wrapper{cursor:text;position:relative}.dpc-post-input{width:100%;background:transparent;border:none;resize:none;color:#e6e6e6;font-size:15px;font-family:inherit;outline:none;padding:6px 40px 6px 0;min-height:20px;max-height:120px;overflow-y:auto;line-height:1.4}.dpc-post-input::placeholder{color:#fff6}.dpc-character-count{position:absolute;bottom:8px;right:12px;font-size:12px;color:#fff6}.dpc-media-preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin:15px 0}.dpc-media-preview-item{position:relative;width:100%;padding-top:100%;border-radius:12px;overflow:hidden}.dpc-media-preview-item img,.dpc-media-preview-item video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.dpc-remove-media{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease}.dpc-remove-media:hover{background:#000000e6;transform:scale(1.1)}.dpc-mood-selector{margin:12px 0}.dpc-mood-selector p{margin:0 0 8px;font-size:13px;color:#ffffffb3}.dpc-mood-options{display:flex;gap:6px}.dpc-mood-option{background:#ffffff14;border:none;border-radius:50%;width:34px;height:34px;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.dpc-mood-option:hover{background:#ffffff1f;transform:translateY(-2px)}.dpc-mood-option.selected{background:#ff4d6d33;transform:scale(1.1);box-shadow:0 0 0 2px #ff4d6d80}.dpc-expand-controls{margin-top:10px}.dpc-minimize-btn{background:transparent;border:none;color:#fff9;cursor:pointer;font-size:13px;padding:4px 8px;border-radius:6px;transition:all .2s ease}.dpc-minimize-btn:hover{color:#ffffffe6;background:#ffffff14}.dpc-action-buttons{display:flex;justify-content:space-between;align-items:center}.dpc-icon-buttons{display:flex;gap:6px}.dpc-icon-button{background:#ffffff14;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:all .2s ease;padding:0}.dpc-icon-button:hover{background:#ffffff1f;color:#ffffffe6;transform:translateY(-2px)}.dpc-icon-button svg{width:18px;height:18px;pointer-events:none}.dpc-post-button{background:linear-gradient(45deg,#ff4d6d,#ff7d95);border:none;border-radius:18px;padding:8px 16px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;opacity:.6}.dpc-post-button.active{opacity:1;box-shadow:0 4px 15px #ff4d6d4d}.dpc-post-button.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff4d6d66}.dpc-post-button:disabled{cursor:not-allowed;opacity:.3}@keyframes expand{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dpc-input-container.expanded .dpc-mood-selector,.dpc-input-container.expanded .dpc-expand-controls,.dpc-input-container.expanded .dpc-media-preview-container{animation:expand .3s ease forwards}.dpc-error-message{color:#ff4d6d;font-size:12px;margin:8px 0;padding:8px;background:#ff4d6d1a;border-radius:8px}.dpc-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.dpc-post-card-container{width:100%;border-radius:12px;padding:12px}.dpc-profile-image,.dpc-initials-avatar{width:36px;height:36px}.dpc-mood-option{width:32px;height:32px;font-size:14px}.dpc-post-button{padding:7px 14px;font-size:13px}.dpc-icon-button{width:32px;height:32px}.dpc-icon-button svg{width:16px;height:16px}}.comment-item-container{padding-left:15px;margin-top:15px;border-left:2px solid var(--border-color);position:relative}.comment-item-container:first-child{margin-top:0}.comment-item-header{display:flex;gap:10px;align-items:flex-start;margin-bottom:5px}.comment-initials-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--initials-bg-color, #e0e0e0);color:var(--initials-text-color, #555);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.comment-initials-avatar span{text-transform:uppercase}.comment-details{flex:1;display:flex;flex-direction:column}.comment-author-name{font-weight:600;color:var(--text-primary);font-size:15px}.comment-content{color:var(--text-secondary);font-size:14px;margin:0;white-space:pre-wrap}.comment-actions{display:flex;gap:15px;align-items:center;margin-top:5px;font-size:13px;color:var(--text-muted)}.comment-actions button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:5px 0;display:flex;align-items:center;gap:5px;transition:color .2s ease}.comment-actions button:hover{color:var(--text-primary)}.replies-container{margin-left:25px;border-left:2px solid var(--border-color);padding-left:15px}.reply-input-section{display:flex;flex-direction:column;gap:10px;margin-top:10px;margin-left:50px}.reply-input-section textarea{width:100%;padding:8px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;resize:vertical}.reply-input-section button{align-self:flex-end;padding:8px 16px;border:none;background:var(--accent-color);color:#fff;border-radius:20px;cursor:pointer}.comments-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;transition:background .3s ease}.comments-popup{background:#020000;border-radius:16px;width:90%;max-width:600px;max-height:80vh;padding:20px;box-shadow:var(--card-shadow);position:relative;display:flex;flex-direction:column;border:1px solid var(--border-color);overflow:hidden}.comments-popup-close-btn{position:absolute;top:15px;right:15px;background:transparent;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.comments-popup-close-btn:hover{color:var(--text-primary)}.comments-list{flex-grow:1;overflow-y:auto;padding-right:10px;margin-bottom:20px}.comments-list::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:4px}.comments-list::-webkit-scrollbar-track{background-color:transparent}.no-comments-message{text-align:center;padding:40px;color:var(--text-muted);font-style:italic}.comment-input-section{display:flex;gap:10px;align-items:center;padding-top:10px;border-top:1px solid var(--border-color)}.comment-input-section textarea{flex:1;padding:10px;border-radius:20px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;resize:none}.comment-input-section button{padding:10px 20px;border:none;background:var(--accent-color);color:#fff;border-radius:20px;cursor:pointer;font-weight:600;transition:background .2s ease}.comment-input-section button:hover{background:#1a88e6}.edit-buttons{display:flex;flex-direction:row;align-items:end;justify-content:end;margin:2px}.save-btn{padding:10px 20px;border:1px solid var(--border-color);border-radius:20px;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease;margin:2px}.new-posts-button{position:sticky;top:10px;left:50%;transform:translate(-50%);z-index:1000;padding:10px 20px;background-color:#e91e63;color:#fff;border:none;border-radius:999px;box-shadow:0 4px 12px #0003;cursor:pointer;font-size:14px;font-weight:600;transition:transform .3s ease,background-color .3s ease;white-space:nowrap}.new-posts-button:hover{background-color:#d81b60;transform:translate(-50%) translateY(-2px)}:root{--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-tertiary: #1e1e1e;--text-primary: #f0f2f5;--text-secondary: #a8a8a8;--text-muted: #6b6b6b;--border-color: #2b2b2b;--card-shadow: 0 6px 20px rgba(0, 0, 0, .35);--accent-color: #007aff;--like-color: #ef476f;--repost-color: #06d6a0;--comment-color: #007aff;--share-color: #007aff}body{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.posts-section-container{max-width:800px;margin:0 auto 20px;padding:0}.posts-section-title{color:var(--text-primary);margin-bottom:0;font-size:1.75rem;font-weight:700;padding:1.5rem 1rem;border-bottom:1px solid var(--border-color)}.posts-list-container{display:flex;flex-direction:column;gap:0}.no-posts-message{text-align:center;padding:2rem;color:var(--text-muted);font-style:italic}.search-and-filter-container{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.search-bar{position:relative}.search-bar input{width:100%;padding:12px 16px 12px 50px;background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:24px;color:var(--text-primary);font-size:1rem;transition:all .2s ease}.search-bar input::placeholder{color:var(--text-muted)}.search-bar input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #007aff80}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.filter-buttons button{padding:8px 16px;border:1px solid var(--border-color);border-radius:20px;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem}.filter-buttons button:hover,.filter-buttons button.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.post-card-item{border-bottom:5px solid var(--border-color);padding:1rem 1.5rem;transition:background-color .2s ease;cursor:pointer;display:flex;flex-direction:column}.post-card-header{display:flex;align-items:center;gap:15px;margin-bottom:1rem;position:relative}.post-author-avatar,.initials-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);cursor:pointer;flex-shrink:0;transition:border-color .2s ease}.post-card-item:hover .post-author-avatar{border-color:var(--accent-color)}.initials-placeholder{display:flex;justify-content:center;align-items:center;background-color:var(--accent-color);color:#fff;font-size:1.2rem;font-weight:600}.post-author-info{display:flex;flex-direction:column;flex:1}.post-author-name{font-weight:700;color:var(--text-primary);font-size:1.05rem}.post-publish-date{font-size:.85rem;color:var(--text-muted)}.post-actions-menu{display:flex;gap:.5rem}.post-action-menu-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.post-action-menu-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.post-content-wrapper{margin-bottom:1rem}.post-content-wrapper p{color:var(--text-primary);line-height:1.5;margin:0;white-space:pre-wrap;font-size:.95rem}.post-media-grid{display:grid;gap:8px;margin-top:1rem;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0003}.media-item{position:relative;width:100%;padding-top:100%;cursor:pointer}.media-item img,.media-item video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.post-media-grid-one{display:block;padding-top:0;height:auto;width:100%}.post-media-grid-one .media-item{padding-top:56.25%}.post-media-grid-one img,.post-media-grid-one video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:12px}.post-media-grid-two,.post-media-grid-three,.post-media-grid-four,.post-media-grid-five,.post-media-grid-six{grid-template-columns:repeat(2,1fr)}.post-media-grid-three .media-item:first-child{grid-column:1 / span 2;padding-top:50%}.post-media-grid-five .media-item:first-child{grid-column:1 / span 2;grid-row:1 / span 2;padding-top:100%}.media-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem;font-weight:700;opacity:0;transition:opacity .2s ease}.media-item:hover .media-overlay{opacity:1}.quoted-post-container{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.5rem;margin-top:1rem;transition:background-color .2s ease;cursor:pointer;border-left:4px solid var(--accent-color)}.quoted-post-container:hover{background-color:var(--bg-tertiary)}.quoted-post-header{display:flex;align-items:center;gap:15px;margin-bottom:1rem}.quoted-post-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.quoted-post-info{display:flex;flex-direction:column;flex:1}.quoted-post-author-name{font-weight:700;font-size:1.05rem}.quoted-post-publish-date{font-size:.85rem;color:var(--text-muted)}.quoted-post-content{color:var(--text-primary);line-height:1.5;margin:0;white-space:pre-wrap;font-size:.95rem}.quoted-post-media-grid{display:grid;gap:8px;margin-top:1rem;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0003}.quoted-post-media-grid-one{display:block;padding-top:0;height:auto;width:100%}.quoted-post-media-grid-one .media-item{padding-top:56.25%}.quoted-post-media-grid-one img,.quoted-post-media-grid-one video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:12px}.quoted-post-media-grid-two,.quoted-post-media-grid-three,.quoted-post-media-grid-four,.quoted-post-media-grid-five,.quoted-post-media-grid-six{grid-template-columns:repeat(2,1fr)}.quoted-post-media-grid-three .media-item:first-child{grid-column:1 / span 2;padding-top:50%}.quoted-post-media-grid-five .media-item:first-child{grid-column:1 / span 2;grid-row:1 / span 2;padding-top:100%}.post-stats-container{display:flex;gap:20px;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);font-size:.9rem}.post-stat{display:flex;align-items:center;gap:5px;color:var(--text-muted)}.post-actions-container{display:flex;gap:10px;justify-content:space-between}.post-action-btn{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px 16px;border-radius:9999px;transition:all .2s ease;flex:1;justify-content:center;font-size:.85rem;font-weight:600}.post-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.post-action-btn.liked{color:var(--like-color)}.post-action-btn.liked:hover{background:#ef476f1a}.post-action-btn.reposted{color:var(--repost-color)}.post-action-btn.reposted:hover{background:#06d6a01a}.quote-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.quote-btn{padding:10px 20px;border:none;border-radius:20px;font-weight:600;cursor:pointer;background-color:var(--accent-color);color:#fff;transition:background-color .2s ease}.quote-btn:hover{background-color:#006ae6}.cancel-btn{padding:10px 20px;border:1px solid var(--border-color);border-radius:20px;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease;margin:2px}.cancel-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.comments-popup-overlay,.profile-popup-overlay,.fullscreen-media-overlay,.post-view-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000}.post-view-popup-content{background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 30px #00000080;width:90%;max-width:700px;padding:2rem;position:relative;max-height:90vh;overflow-y:auto}.post-view-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:color .2s ease}.post-view-close-btn:hover{color:var(--text-primary)}.detailed-post-header{display:flex;align-items:center;margin-bottom:1.5rem;gap:15px}.detailed-post-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-color)}.detailed-post-info{display:flex;flex-direction:column}.detailed-post-author-name{font-weight:700;font-size:1.5rem;color:var(--text-primary);margin:0}.detailed-post-publish-date{font-size:.9rem;color:var(--text-muted)}.detailed-post-content{font-size:1.1rem;line-height:1.6;color:var(--text-primary);margin-bottom:1rem;white-space:pre-wrap}.detailed-media-grid{display:grid;gap:10px;margin-top:1rem;border-radius:12px;overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detailed-media-grid img,.detailed-media-grid video{max-width:100%;height:auto;display:block;object-fit:cover;border-radius:8px}.detailed-quoted-post{margin-top:1.5rem;border-left:4px solid var(--accent-color);padding-left:1rem}.detailed-post-actions,.detailed-post-stats{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.detailed-post-stats{display:flex;gap:20px;color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.comments-popup-container{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);width:90%;max-width:600px;height:80%;display:flex;flex-direction:column;overflow:hidden;position:relative}.comments-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.comments-popup-header h3{margin:0;color:var(--text-primary);font-size:1.25rem}.comments-close-btn{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;transition:color .2s ease}.comments-close-btn:hover{color:var(--text-primary)}.comments-list{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.comments-list::-webkit-scrollbar{width:8px}.comments-list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.comment-card{display:flex;gap:10px;padding:10px;background:var(--bg-tertiary);border-radius:12px}.comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.comment-content-container{flex:1}.comment-author{font-weight:700;color:var(--text-primary)}.comment-date{font-size:.75rem;color:var(--text-muted);margin-left:8px}.comment-text{color:var(--text-secondary);margin-top:5px}.comment-form{padding:1rem;border-top:1px solid var(--border-color);display:flex;gap:10px}.comment-input{flex:1;padding:10px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);font-family:inherit;transition:all .2s ease}.comment-input:focus{outline:none;border-color:var(--accent-color)}.comment-submit-btn{background-color:var(--accent-color);color:#fff;border:none;border-radius:20px;padding:0 20px;font-weight:700;cursor:pointer;transition:all .2s ease}.create-post-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:20px;box-shadow:var(--card-shadow);display:flex;flex-direction:column}.create-post-header{display:flex;align-items:center;gap:15px;margin-bottom:1rem}.create-post-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-color)}.create-post-textarea{flex:1;width:100%;padding:1rem;font-size:1rem;color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;resize:none;font-family:inherit;transition:all .2s ease}.create-post-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #007aff80}.create-post-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.media-upload-container{display:flex;align-items:center;gap:10px}.media-upload-btn{background:none;border:none;color:var(--accent-color);cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease}.media-upload-btn:hover{background-color:var(--bg-tertiary)}.media-upload-btn svg{width:20px;height:20px}.selected-media-preview{display:flex;gap:10px;flex-wrap:wrap;margin-top:1rem}.selected-media-item{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.selected-media-item img,.selected-media-item video{width:100%;height:100%;object-fit:cover}.remove-media-btn{position:absolute;top:5px;right:5px;background:#000000b3;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:12px}.post-submit-btn{padding:10px 20px;background-color:var(--accent-color);color:#fff;border:none;border-radius:20px;font-weight:700;cursor:pointer;transition:all .2s ease}.post-submit-btn:disabled{background-color:#007aff80;cursor:not-allowed}@media (max-width: 768px){.posts-section-container{padding:0}.search-and-filter-container{flex-direction:column;gap:1rem;padding:1rem}.filter-buttons{justify-content:center}.post-card-item{padding:1rem}.post-stats-container{flex-wrap:wrap;gap:10px}.comments-popup-container,.post-view-popup-content{width:95%;padding:1rem}.detailed-post-avatar{width:50px;height:50px}.detailed-post-author-name{font-size:1.2rem}.detailed-post-content{font-size:1rem}}@media (max-width: 480px){.posts-section-container{padding:0;border-radius:0}.post-card-item{padding:.75rem}.post-actions-container{flex-direction:row;justify-content:space-around;gap:0}.post-action-btn{flex:1}.search-bar input{padding:10px 12px 10px 40px;font-size:.9rem}.filter-buttons{gap:5px}.filter-buttons button{padding:8px 12px;font-size:.8rem}.post-view-popup-content{padding:1rem}}.profile-buttons{display:flex;gap:10px;align-items:center}.follow-profile-button,.spark-profile-button{font-family:Inter,sans-serif;font-size:14px;font-weight:600;padding:10px 18px;border-radius:20px;cursor:pointer;transition:all .2s ease-in-out;text-transform:uppercase}.follow-btn{background-image:linear-gradient(to right,#a05260,#e8a9b1);color:#fff;border:1px solid #A05260}.follow-btn:hover{background-image:linear-gradient(to right,#8b4550,#e098a2);border-color:#8b4550}.unfollow-btn{background-color:#fff;color:#a05260;border:1px solid #A05260}.unfollow-btn:hover{background-color:#f8d7da;color:#8b4550;border-color:#f8d7da}.spark-profile-button{background-color:#e9ecef;color:#555;border:1px solid #E9ECEF;display:flex;align-items:center;gap:8px}.spark-profile-button:hover{background-color:#dde2e6}.spark-profile-button svg{color:#888;transition:color .2s ease-in-out}.sparked{background-color:#f8d7da;color:#a05260;border:1px solid #F8D7DA}.sparked svg{color:#ff8c42}.spark-profile-button svg{fill:currentColor}.page-container{display:grid;grid-template-columns:1fr 350px;gap:10px}@media (max-width: 1024px){.page-container{grid-template-columns:1fr}}.dpc-video-feed{display:flex;flex-direction:column;align-items:center;max-width:600px;margin:0 auto;min-height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.dpc-video-card{position:relative;width:100%;display:flex;justify-content:center;align-items:center;scroll-snap-align:start;overflow:hidden}.dpc-video{width:100%;height:100%;object-fit:cover}.dpc-like-animation{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;font-size:8rem;color:#e0245e;transition:transform .5s cubic-bezier(.68,-.55,.27,1.55),opacity .5s ease;pointer-events:none;z-index:10}.dpc-like-animation.active{transform:translate(-50%,-50%) scale(1);opacity:1}.dpc-content-overlay{position:absolute;bottom:0;left:0;width:100%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;pointer-events:none;z-index:5}.dpc-user-info{display:flex;align-items:center;gap:12px;pointer-events:all}.dpc-user-avatar,.dpc-initials-avatar{width:48px;height:48px;border-radius:50%;border:2px solid #fff;cursor:pointer;flex-shrink:0}.dpc-initials-avatar{background-color:#0a73c2;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em}.dpc-user-details{display:flex;flex-direction:column}.dpc-username{font-weight:700;color:#fff;font-size:1.1em;text-shadow:1px 1px 2px rgba(0,0,0,.5);pointer-events:all}.dpc-video-content{color:#f0f0f0;font-size:1em;margin:5px 0 0;text-shadow:1px 1px 2px rgba(0,0,0,.5);pointer-events:all}.dpc-post-time{font-size:.8em;color:#aaa;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.dpc-actions-container{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff;pointer-events:all;z-index:5}.dpc-action-btn{display:flex;flex-direction:column;align-items:center;cursor:pointer;font-size:.9em;gap:6px;text-shadow:1px 1px 2px rgba(0,0,0,.5);color:#f0f0f0}.dpc-action-btn:hover{color:#fff}.dpc-action-btn svg{font-size:1.8em;filter:drop-shadow(1px 1px 2px rgba(0,0,0,.5))}.dpc-action-btn svg.liked{color:#e0245e}.dpc-loading-indicator{padding:20px;text-align:center;color:#f0f0f0}.dpc-spinner{animation:dpc-spin 1s linear infinite;color:#0a73c2}@keyframes dpc-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.discover-page-container{display:flex;flex-direction:column}@media (min-width: 1025px){.discover-page-container{display:grid;grid-template-columns:1fr 350px;gap:30px}}@media (max-width: 1024px){.discover-page-container .discover-section-hide{display:none}}:root{--dark-bg: #1a1a2e;--dark-surface: #2c2c44;--primary-accent: #e94560;--secondary-accent: #0f3460;--text-primary: #e8e8e8;--text-secondary: #a0a0a0;--shadow-color: rgba(0, 0, 0, .4)}*{box-sizing:border-box}body{background-color:var(--dark-bg);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;transition:background-color .5s ease-in-out}.ai-practice-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.ai-practice-header{text-align:center;margin-bottom:2rem;animation:fadeIn 1s ease-in-out}.user-profile-display{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.user-profile-image{width:80px;height:80px;border-radius:50%;border:3px solid transparent;background:linear-gradient(var(--dark-bg),var(--dark-bg)) padding-box,linear-gradient(45deg,var(--primary-accent),#f79d00) border-box;background-size:200% 200%;animation:profilePopIn .8s ease-in-out forwards,borderAnimation 4s ease-in-out infinite;object-fit:cover;margin-bottom:.5rem}.user-profile-initials{width:80px;height:80px;border-radius:50%;background:var(--primary-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;animation:profilePopIn .8s ease-in-out forwards;margin-bottom:.5rem}.ai-practice-header h1{font-size:2.5rem;color:var(--primary-accent);margin:0;animation:slideInFromTop 1s ease-in-out}.ai-practice-header p{font-size:1rem;color:var(--text-secondary);animation:fadeIn 1.2s ease-in-out}.ai-practice-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;animation:fadeIn 1s ease-in-out}.ai-practice-spinner{font-size:3rem;color:var(--primary-accent);animation:rotate 1s linear infinite}.ai-practice-loading-container p{margin-top:1rem;color:var(--text-secondary)}.ai-practice-guidance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;width:100%;max-width:900px;margin-bottom:2rem;animation:fadeIn 1.5s ease-in-out}.ai-practice-card{background:var(--dark-surface);border-radius:12px;box-shadow:0 4px 15px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;position:relative;overflow:hidden;text-align:center}.ai-practice-card .card-image{width:100%;height:150px;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px}.ai-practice-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#e9456033,#0f346033);opacity:0;transition:opacity .3s ease}.ai-practice-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px var(--primary-accent)}.ai-practice-card:hover:before{opacity:1}.ai-practice-card h3{color:var(--primary-accent);margin-top:1rem;padding:0 1rem}.ai-practice-card p{color:var(--text-secondary);font-size:.9rem;padding:0 1rem 1rem;margin:0}.ai-practice-chat-window{width:100%;max-width:900px;height:50vh;background:var(--dark-surface);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);display:flex;flex-direction:column;padding:1rem;overflow-y:auto;margin-bottom:1.5rem;transition:all .5s ease-in-out;flex-shrink:0}.ai-practice-chat-window::-webkit-scrollbar{width:8px}.ai-practice-chat-window::-webkit-scrollbar-thumb{background-color:var(--secondary-accent);border-radius:4px}.ai-practice-message-bubble{padding:.75rem 1rem;border-radius:20px;max-width:75%;margin-bottom:1rem;word-wrap:break-word;white-space:pre-wrap}.ai-practice-message-bubble.user{background:var(--primary-accent);color:var(--text-primary);align-self:flex-end;border-bottom-right-radius:5px;animation:slideInFromRight .5s ease-out}.ai-practice-message-bubble.ai{background:var(--secondary-accent);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:5px;animation:slideInFromLeft .5s ease-out}.ai-practice-loading-dots span{animation:bouncingDots 1.4s infinite ease-in-out;display:inline-block;margin:0 2px;opacity:0}.ai-practice-loading-dots span:nth-child(1){animation-delay:0s}.ai-practice-loading-dots span:nth-child(2){animation-delay:.2s}.ai-practice-loading-dots span:nth-child(3){animation-delay:.4s}.ai-practice-input-area{display:flex;width:100%;max-width:900px;gap:.5rem;animation:slideUp 1s ease-in-out;flex-shrink:0}.ai-practice-input-area input{flex-grow:1;padding:.75rem 1rem;border:1px solid var(--secondary-accent);border-radius:25px;background:var(--dark-surface);color:var(--text-primary);outline:none;transition:all .3s ease}.ai-practice-input-area input:focus{border-color:var(--primary-accent);box-shadow:0 0 8px var(--primary-accent)}.ai-practice-input-area button{padding:.75rem 1.5rem;border:none;border-radius:25px;background:var(--primary-accent);color:#fff;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.ai-practice-input-area button:disabled{background:var(--text-secondary);cursor:not-allowed;transform:scale(1)}.ai-practice-input-area button:not(:disabled):hover{background:#ff5e7b;transform:scale(1.05)}.ai-practice-recommendation-button{background:var(--secondary-accent)!important}.ai-practice-recommendation-button:not(:disabled):hover{background:#1c5292!important}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes bouncingDots{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-5px);opacity:1}}@keyframes profilePopIn{0%{transform:scale(.5);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}@keyframes borderAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){body{font-size:.9rem}.ai-practice-container{padding:1rem}.ai-practice-header{margin-bottom:1.5rem}.ai-practice-header h1{font-size:1.8rem}.ai-practice-header p{font-size:.8rem}.user-profile-image,.user-profile-initials{width:60px;height:60px}.ai-practice-chat-window{height:60vh;padding:.75rem}.ai-practice-input-area{flex-direction:column;gap:1rem}.ai-practice-input-area input{width:100%}.ai-practice-input-area button{width:100%;padding:.75rem 1rem}.ai-practice-guidance-cards{grid-template-columns:1fr;gap:1rem}}:root{--background-dark: #000000;--surface-dark: #1a1a1a;--card-dark: #222222;--text-primary: #f0f0f0;--text-secondary: #b0b0b0;--accent-pink: #ff69b4;--accent-orange: #ff5722;--accent-red: #e74c3c;--accent-green: #58d68d;--shadow-dark: rgba(0, 0, 0, .5)}.discovery-container{color:var(--text-primary);min-height:100vh;padding:40px 20px;font-family:Inter,sans-serif,Segoe UI,Roboto,Helvetica,Arial;display:flex;flex-direction:column;align-items:center}.discovery-header{width:100%;max-width:900px;text-align:center;margin-bottom:30px;padding:0 15px}.discovery-title{font-size:2.5rem;font-weight:700;color:var(--accent-pink);letter-spacing:-.5px;margin-bottom:8px;animation:fadeInDown .8s ease-out}.discovery-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:25px;animation:fadeIn 1s ease-out}.discovery-controls{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%}.seachinput{width:100%;padding:12px 20px;border:none;border-radius:25px;background-color:var(--surface-dark);color:var(--text-primary);font-size:1rem;box-shadow:inset 0 1px 3px var(--shadow-dark);transition:all .3s ease}.search-input::placeholder{color:var(--text-secondary);opacity:.6}.search-input:focus{outline:none;background-color:#262626;box-shadow:0 0 0 2px var(--accent-pink)}.filter-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.filter-btn{background-color:transparent;border:1px solid var(--surface-dark);color:var(--text-secondary);padding:10px 20px;border-radius:20px;cursor:pointer;font-weight:500;transition:all .3s ease}.filter-btn:hover{background-color:#333}.filter-btn.active{background-color:var(--accent-orange);color:#fff;border-color:var(--accent-orange);box-shadow:0 2px 5px #ff57224d}.discovery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;width:100%;max-width:1200px;padding:0 15px}.discovery-card{background-color:var(--card-dark);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px var(--shadow-dark);transition:transform .3s ease,box-shadow .3s ease;padding:20px;display:flex;flex-direction:column;animation:fadeInUp .5s ease-out;cursor:pointer}.discovery-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px var(--shadow-dark)}.discovery-card-header{display:flex;flex-direction:column;align-items:center;position:relative;margin-bottom:15px}.discovery-user-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid var(--accent-pink);transition:border-color .3s ease,transform .3s ease}.discovery-card:hover .discovery-user-image{border-color:var(--accent-orange);transform:scale(1.05)}.discovery-user-name{font-size:1.4rem;font-weight:600;margin-top:10px;color:var(--text-primary);text-align:center}.discovery-compatibility{position:absolute;top:0;right:0;background-color:var(--accent-orange);color:#fff;font-size:.9rem;padding:5px 10px;border-top-right-radius:8px;border-bottom-left-radius:8px;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 5px #0003}.compatibility-score{font-size:1.2rem;font-weight:700}.compatibility-label{font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.discovery-interests{margin-bottom:20px}.discovery-interests h4{font-size:1rem;color:var(--text-secondary);font-weight:500;margin-bottom:8px;text-align:center}.discovery-interests-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.discovery-interest-tag{background-color:var(--surface-dark);color:var(--accent-green);padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:500;border:1px solid rgba(88,214,141,.2)}.discovery-interest-tag-more{background-color:var(--surface-dark);color:var(--text-secondary);padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:500}.discovery-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:auto}.discovery-btn{padding:10px 18px;border-radius:20px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;border:none}.discovery-follow-btn{background-color:var(--accent-orange);color:#fff}.discovery-follow-btn:hover{background-color:#e04a1f;transform:translateY(-2px)}.discovery-unfollow-btn{background-color:var(--surface-dark);color:var(--text-secondary);border:1px solid var(--text-secondary)}.discovery-unfollow-btn:hover{background-color:#333}.discovery-spark-request-btn{background-color:var(--accent-pink);color:#fff}.discovery-spark-request-btn:hover{background-color:#e6529e;transform:translateY(-2px)}.discovery-spark-remove-btn{background-color:var(--accent-red);color:#fff}.discovery-spark-remove-btn:hover{background-color:#c0392b}.discovery-empty,.discovery-loading,.discovery-error{text-align:center;padding:50px 20px;color:var(--text-secondary)}.discovery-spinner{border:4px solid var(--surface-dark);border-top:4px solid var(--accent-pink);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}.discovery-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.discovery-modal-content{background:var(--card-dark);border-radius:15px;padding:30px;position:relative;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px var(--shadow-dark);animation:scaleUp .3s ease-out}.discovery-modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.discovery-modal-close:hover{color:var(--text-primary)}.discovery-modal-header{display:flex;flex-direction:column;align-items:center;margin-bottom:25px;text-align:center;position:relative}.discovery-modal-image{width:120px;height:120px;border-radius:50%;object-fit:cover;border:5px solid var(--accent-pink);box-shadow:0 0 10px #ff69b480;margin-bottom:15px}.discovery-modal-email{color:var(--text-secondary);font-size:.9rem;margin-top:5px}.discovery-modal-compatibility{margin-top:15px;background:var(--surface-dark);padding:10px 20px;border-radius:20px;border:1px solid var(--accent-orange);display:flex;flex-direction:column;align-items:center}.compatibility-score-large{font-size:2rem;font-weight:700;color:var(--accent-orange);line-height:1}.discovery-modal-body h3{font-size:1.2rem;color:var(--text-primary);border-bottom:2px solid var(--surface-dark);padding-bottom:8px;margin-bottom:15px}.discovery-modal-interests{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.discovery-modal-interest-tag{background-color:var(--surface-dark);color:var(--accent-green);padding:8px 16px;border-radius:20px;font-size:.9rem;transition:all .3s ease}.discovery-modal-interest-tag:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.discovery-modal-bio .bio-text{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.discovery-modal-details{display:flex;flex-direction:column;gap:10px}.detail-item strong{color:var(--text-primary);font-weight:600}.discovery-modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:25px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.discovery-title{font-size:2rem}.discovery-subtitle{font-size:1rem}.discovery-controls{flex-direction:column}.filter-buttons{width:100%;justify-content:space-around}.discovery-grid{grid-template-columns:repeat(3,1fr);gap:15px;padding:0 10px}.discovery-card{padding:0;border-radius:50%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;box-shadow:none;background-color:transparent}.discovery-user-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--accent-pink);transition:all .2s ease-in-out}.discovery-card .discovery-user-name,.discovery-card .discovery-compatibility,.discovery-card .discovery-interests,.discovery-card .discovery-actions{display:none}.discovery-card:hover .discovery-user-image{border-color:var(--accent-orange);transform:scale(1.1)}.discovery-modal-overlay{align-items:flex-start;padding-top:20px}.discovery-modal-content{width:95%;padding:20px;border-radius:10px;margin-bottom:20px}.discovery-modal-image{width:100px;height:100px;border-width:3px}.discovery-modal-header h2{font-size:1.8rem}.discovery-modal-email{font-size:.8rem}.compatibility-score-large{font-size:1.8rem}.discovery-modal-body h3{font-size:1.1rem}.discovery-modal-interest-tag{font-size:.85rem;padding:6px 12px}.discovery-modal-bio .bio-text{font-size:.9rem}.discovery-modal-actions .discovery-btn{font-size:.85rem;padding:12px}}:root{--bg-primary: #F8F4F2;--bg-secondary: #fffaf8;--text-primary: #211F24;--text-secondary: #6b7280;--border-color: #D2C4CD;--accent-color: #E76281;--accent-gradient: linear-gradient(90deg, #E76281, #A155B9);--shadow: 0 4px 6px rgba(0, 0, 0, .1)}.dark-mode{--bg-primary: #211F24;--bg-secondary: #171518;--text-primary: #F3F4F6;--text-secondary: #9ca3af;--border-color: #4E4351;--shadow: 0 4px 6px rgba(0, 0, 0, .3)}.messages-app-container{display:flex;height:100%;background-color:var(--bg-primary);color:var(--text-primary)}@media (min-width: 767px){.messages-app-container{margin:-30px}}.chat-window{display:flex;width:100%;height:100vh;background-color:var(--bg-secondary);box-shadow:var(--shadow);border-radius:0}.conversations-sidebar{width:350px;flex-shrink:0;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.sidebar-header h2{font-size:1.5rem;font-weight:600;margin:0}.sidebar-header .delete-chat-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;opacity:.7;transition:opacity .2s}.sidebar-header .delete-chat-btn:hover{opacity:1}.searchbar{padding:10px 20px;background-color:var(--bg-secondary)}.searchinput{width:100%;padding:10px;border-radius:20px;border:1px solid var(--border-color);background-color:var(--bg-primary);color:var(--text-primary);box-sizing:border-box;font-size:1rem}.searchinput::placeholder{color:var(--text-secondary)}.conversations-list{flex-grow:1;overflow-y:auto;padding:10px}.conversations-list::-webkit-scrollbar{width:8px}.conversations-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.conversations-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.conversation-card{display:flex;align-items:center;padding:15px;border-radius:10px;margin-bottom:8px;cursor:pointer;background-color:var(--bg-primary);transition:background-color .2s,transform .2s;position:relative;overflow:hidden}.conversation-card:hover{background-color:var(--border-color)}.conversation-card.active{background-color:var(--accent-color)}.conversation-card.active .last-message-text{color:var(--text-primary)}.conversation-details{flex-grow:1;margin-left:15px;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center}.conversation-details h4{margin:0;font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-message-time{font-size:.8rem;color:var(--text-secondary)}.last-message-text{font-size:.9rem;color:var(--text-secondary);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10}.delete-btn{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-weight:700}.avatar-container{position:relative;width:50px;height:50px;flex-shrink:0}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar-initials{width:100%;height:100%;border-radius:50%;background-color:var(--border-color);display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;color:var(--text-primary)}.online-status{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-secondary)}.online-status.online{background-color:#28a745}.online-status.offline{background-color:#6c757d}.chat-area{flex-grow:1;display:flex;flex-direction:column;background-color:var(--bg-primary)}.chat-area .back-btn{display:none}.empty-chat-state{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;text-align:center;color:var(--text-secondary)}.empty-chat-state i{font-size:3rem;margin-bottom:10px}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.chat-partner-info{display:flex;align-items:center}.chat-partner-info .avatar-container{margin-right:15px}.chat-partner-info h3{margin:0;font-size:1.2rem;font-weight:600}.status-text{margin:0;font-size:.8rem;color:var(--text-secondary)}.status-text.typing{color:#28a745;font-style:italic}.chat-actions .action-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;margin-left:10px;cursor:pointer}.chat-actions .action-btn.inactive{cursor:not-allowed;opacity:.5}.menu-container{position:relative;display:inline-block}.chat-menu{position:absolute;top:100%;right:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:5px;box-shadow:var(--shadow);z-index:100;margin-top:5px;overflow:hidden}.chat-menu button{display:block;width:100%;background:none;border:none;color:var(--text-primary);padding:10px 15px;text-align:left;cursor:pointer}.chat-menu button:hover{background-color:var(--border-color)}.messages-list{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column}.messages-list::-webkit-scrollbar{width:8px}.messages-list::-webkit-scrollbar-track{background:var(--bg-primary)}.messages-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.message-bubble{display:flex;margin-bottom:15px}.message-bubble.sent{justify-content:flex-end}.message-bubble.received{justify-content:flex-start}.message-content{max-width:70%;padding:12px 18px;border-radius:20px;position:relative;font-size:1rem}.message-bubble.sent .message-content{background-color:var(--accent-color);color:#fff;border-bottom-right-radius:2px}.message-bubble.received .message-content{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:2px}.message-text{margin:0;word-wrap:break-word}.message-time{font-size:.75rem;margin-top:5px;display:block;text-align:right;color:var(--text-secondary)}.message-bubble.received .message-time{text-align:left}.shared-image,.shared-video,.shared-audio{max-width:100%;border-radius:10px;margin-bottom:5px}.shared-audio-player{width:100%;min-width:200px;height:40px}.shared-audio-player::-webkit-media-controls-panel{background-color:var(--bg-secondary);border-radius:10px;color:var(--text-primary)}.shared-audio-player::-webkit-media-controls-play-button,.shared-audio-player::-webkit-media-controls-current-time-display,.shared-audio-player::-webkit-media-controls-timeline,.shared-audio-player::-webkit-media-controls-volume-slider,.shared-audio-player::-webkit-media-controls-mute-button{color:var(--accent-color)}.shared-file-link{color:var(--accent-color);text-decoration:none;font-weight:500}.shared-file-link:hover{text-decoration:underline}.message-input-container{padding:10px 20px;border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.message-input-wrapper{display:flex;align-items:center;background-color:var(--bg-primary);border-radius:25px;padding:5px;border:1px solid var(--border-color);transition:all .3s ease-in-out}.recording-container{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:var(--bg-primary);border-radius:25px;padding:5px 15px;border:1px solid var(--border-color);animation:slide-in .3s forwards}.recording-controls{display:flex;align-items:center;gap:15px;flex-grow:1}.recording-timer{color:#dc3545;font-weight:600;font-size:1rem}.record-cancel-btn{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;transition:color .2s}.record-cancel-btn:hover{color:#dc3545}.record-stop-btn{animation:pulse-red 1s infinite}.message-action-btn,.send-btn,.voice-record-btn{background:none;border:none;font-size:1.2rem;padding:8px 12px;cursor:pointer;transition:color .2s;display:flex;align-items:center;justify-content:center}.message-action-btn{color:var(--text-secondary)}.send-btn,.voice-record-btn{color:var(--accent-color)}.message-action-btn:hover,.send-btn:hover,.voice-record-btn:hover{color:var(--text-primary)}.voice-record-btn{font-size:1.5rem;transition:transform .2s ease-in-out}.voice-record-btn:active{transform:scale(.9)}@keyframes pulse-red{0%{box-shadow:0 0 #dc354566}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 #dc354500}}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.message-input-field{flex-grow:1;border:none;background:none;padding:10px;color:var(--text-primary);font-size:1rem}.message-input-field:focus{outline:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-secondary);padding:30px;border-radius:10px;text-align:center;width:90%;max-width:400px;box-shadow:var(--shadow)}.modal-content h3{margin-top:0;color:var(--text-primary)}.modal-content p{color:var(--text-secondary);margin-bottom:20px}.modal-actions{display:flex;justify-content:space-around;gap:10px}.btn-cancel,.btn-delete{padding:10px 20px;border-radius:5px;font-weight:700;cursor:pointer;border:none;flex-grow:1}.btn-cancel{background-color:var(--border-color);color:var(--text-primary)}.btn-delete{background-color:#dc3545;color:#fff}@media (max-width: 767px){.chat-window{width:100%;height:100%;border-radius:0;flex-direction:column}.conversations-sidebar{width:100%;position:absolute;top:0;left:0;bottom:0;z-index:1;transition:transform .3s ease-in-out}.conversations-sidebar.hidden{transform:translate(-100%)}.chat-area{width:100%;position:relative}.chat-area .back-btn{display:block;background:none;border:none;color:var(--text-secondary);font-size:1.2rem;margin-right:15px}.chat-header{padding-left:10px}}.sparks-page{max-width:1280px;margin:0 auto;padding:2rem 1.5rem;min-height:100vh}.sparks-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin-bottom:2rem}.header-content{margin-bottom:1rem}.sparks-header h1{font-size:2.5rem;font-weight:700;color:#f0f0f0;margin:0;display:flex;align-items:center;gap:.5rem}.spark-icon{font-size:2.5rem;line-height:1}.sparks-header p{font-size:1rem;color:#a0a0a0;margin:.5rem 0 0}.header-search{display:flex;align-items:center;gap:1rem;width:100%;max-width:600px}.search-container{position:relative;flex-grow:1}.search-container .fa-search{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#a0a0a0}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #3e3e5c;border-radius:999px;background-color:#2a2a4a;font-size:1rem;color:#e0e0e0;transition:all .3s ease}.search-input:focus{outline:none;border-color:#7b68ee;background-color:#3a3a5a;box-shadow:0 0 0 3px #7b68ee4d}.clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#a0a0a0;cursor:pointer;transition:color .2s ease}.clear-search:hover{color:#f0f0f0}.filter-toggle{background-color:#2a2a4a;border:1px solid #3e3e5c;border-radius:999px;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.filter-toggle:hover{border-color:#7b68ee;box-shadow:0 0 0 3px #7b68ee4d}.sparks-filters{display:flex;gap:.5rem;margin-top:1rem;justify-content:center;transition:all .3s ease;max-height:0;overflow:hidden}.sparks-filters.visible{max-height:50px;margin-bottom:2rem}.filter-btn{background-color:#2a2a4a;border:1px solid #3e3e5c;color:#a0a0a0;padding:.6rem 1.2rem;border-radius:999px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.filter-btn:hover{background-color:#3a3a5a;border-color:#7b68ee;color:#7b68ee}.filter-btn.active{background-color:#7b68ee;border-color:#7b68ee;color:#fff}.results-info{text-align:center;margin-bottom:2rem;color:#a0a0a0;font-size:.9rem}.sparks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;justify-content:center}.spark-card{border-radius:1.5rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:1.5rem}.spark-card:hover{transform:translateY(-5px);box-shadow:0 12px 36px #0000004d,0 6px 12px #00000026}.profile-img-container{position:relative}.profile-img{width:140px;height:140px;border-radius:50%;overflow:hidden;flex-shrink:0;border:4px solid #FF69B4;position:relative}.profile-img img{width:100%;height:100%;object-fit:cover}.discovery-loading,.discovery-error{text-align:center;padding:3rem 0;color:#e0e0e0}.discovery-spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid #7b68ee;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 1rem}.discovery-error button{background-color:#7b68ee;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:999px;cursor:pointer;margin-top:1rem;transition:background-color .2s ease}.discovery-error button:hover{background-color:#6c5be8}.no-results{text-align:center;padding:3rem 0;color:#a0a0a0}.no-results-icon{font-size:4rem;margin-bottom:1rem;color:#555}.no-results h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#f0f0f0}.no-results p{font-size:1rem;margin:0}.last-active{color:var(--text-muted);display:flex;align-items:center;gap:.5rem;font-size:.85rem}.match-percentage-bar{margin-top:.75rem;width:100%}.percentage-text{display:flex;justify-content:space-between;margin-bottom:.25rem;font-size:.8rem;color:var(--text-muted)}.percentage-value{font-weight:700;color:var(--accent-primary)}.percentage-bar{height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.percentage-fill{height:100%;background:var(--accent-gradient);border-radius:3px;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #7b68ee66}.interests{margin-bottom:1.5rem}.interests h4{font-size:.95rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.interest-tags{display:flex;flex-wrap:wrap;gap:.5rem}.interest-tag{background:#7b68ee1f;color:var(--accent-primary);padding:.5rem .9rem;border-radius:20px;font-size:.85rem;font-weight:500;transition:var(--transition);border:1px solid rgba(123,104,238,.2)}.interest-tag:hover{background:#7b68ee33;transform:translateY(-2px)}.card-footer{padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.06)}.discovery-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:2rem;color:#f0f0f0;cursor:pointer;transition:transform .2s ease}.discovery-modal-close:hover{transform:rotate(90deg)}.discovery-modal-header{text-align:center;padding-bottom:1.5rem;border-bottom:1px solid #3e3e5c;margin-bottom:1.5rem}.discovery-modal-image{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:4px solid #7b68ee}.discovery-modal-header h2{font-size:2rem;font-weight:700;margin:0;color:#f0f0f0}.discovery-modal-email{font-size:.9rem;color:#a0a0a0;margin:.5rem 0}.discovery-modal-compatibility{margin-top:1rem;display:flex;flex-direction:column;align-items:center}.compatibility-score-large{font-size:3rem;font-weight:700;color:#7b68ee;line-height:1}.compatibility-label{font-size:.9rem;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px;margin-top:.25rem}.discovery-modal-body{padding-bottom:1.5rem;border-bottom:1px solid #3e3e5c;margin-bottom:1.5rem}.discovery-modal-body h3{font-size:1.25rem;font-weight:600;color:#f0f0f0;margin-bottom:1rem}.discovery-modal-interests{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.discovery-modal-interest-tag{background-color:#3e3e5c;color:#e0e0e0;font-size:.9rem;padding:.5rem 1rem;border-radius:999px;font-weight:500}.discovery-modal-bio .bio-text{font-style:italic;color:#a0a0a0;margin:0 0 1rem;line-height:1.5}.discovery-modal-bio .detail-item{margin-bottom:.5rem;font-size:1rem}.discovery-modal-bio .detail-item strong{color:#f0f0f0;margin-right:.5rem}.discovery-modal-actions{display:flex;gap:1rem;justify-content:center}.discovery-btn{border:none;border-radius:999px;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.discovery-pass-btn{background-color:#3e3e5c;color:#e0e0e0}.discovery-pass-btn:hover{background-color:#4a4a6e}.discovery-connect-btn{background-color:#7b68ee;color:#fff}.discovery-connect-btn:hover{background-color:#6c5be8}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.sparks-section{display:grid;grid-template-columns:1fr 350px;gap:30px}@media (max-width: 1024px){.sparks-section{grid-template-columns:1fr}}:root{--bg-dark: #121212;--bg-surface: #1e1e1e;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--primary-color: #ff69b4;--accent-color: #a350ff;--border-color: #333;--card-hover-bg: #292929;--modal-bg: #2d2d2d}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.stories-page-container{min-height:100vh;position:relative;overflow:hidden;padding:2rem 1rem}.stories-page_background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden;opacity:.1}.stories-page_heart{position:absolute;color:var(--primary-color);font-size:3rem;animation:float-heart 15s ease-in-out infinite;opacity:.6}.stories-page_heart:nth-child(1){top:10%;left:10%;font-size:4rem;animation-delay:1s}.stories-page_heart:nth-child(2){top:30%;left:80%;font-size:2.5rem;animation-delay:5s}.stories-page_heart:nth-child(3){top:60%;left:20%;font-size:3.5rem;animation-delay:9s}.stories-page_heart:nth-child(4){top:80%;left:60%;font-size:5rem;animation-delay:3s}.stories-page_heart:nth-child(5){top:45%;left:45%;font-size:2rem;animation-delay:7s}@keyframes float-heart{0%{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-20px) rotate(5deg);opacity:.8}to{transform:translateY(0) rotate(0);opacity:.6}}.stories-content_container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.stories-header{text-align:center;margin-bottom:3rem;padding:2rem 0}.stories-header_content{margin-bottom:2rem}.stories-header_title-gradient{font-size:3rem;font-weight:700;background-image:linear-gradient(to right,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-transform:uppercase}.stories-header_underline{width:80px;height:4px;background-image:linear-gradient(to right,var(--primary-color),var(--accent-color));margin:.5rem auto 1rem;border-radius:2px}.stories-header_subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.stories-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.stories-stats_item{text-align:center;padding:1rem 1.5rem;background:var(--bg-surface);border-radius:12px;box-shadow:0 4px 15px #0003;transition:transform .3s ease}.stories-stats_item:hover{transform:translateY(-5px)}.stories-stats_number{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.stories-stats_label{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem}.stories-card_item{background:var(--bg-surface);border-radius:16px;box-shadow:0 6px 20px #0000004d;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:flex;flex-direction:column}.stories-card_item:hover{transform:translateY(-10px);box-shadow:0 12px 25px #0006}.stories-card_image-wrapper{position:relative;height:250px}.stories-card_image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.stories-card_item:hover .stories-card_image{transform:scale(1.05)}.stories-card_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#00000080,#0000)}.stories-card_like-btn{position:absolute;top:1rem;right:1rem;background:#2d2d2dcc;border-radius:50px;padding:.5rem 1rem;display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-weight:700;font-size:.9rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;transition:transform .2s ease,background .2s ease}.stories-card_like-btn:hover{transform:scale(1.1);background:#373737f2}.stories-card_heart-icon{width:20px;height:20px;fill:var(--primary-color);stroke:var(--primary-color);transition:fill .3s ease}.stories-card_heart-filled{fill:var(--primary-color);stroke:none}.stories-card_content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.stories-card_content h3{font-size:1.5rem;margin-top:0;margin-bottom:.5rem;color:var(--text-primary)}.stories-card_location{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;gap:.3rem;margin-bottom:1rem}.stories-card_location svg{fill:var(--text-secondary)}.stories-card_excerpt{color:var(--text-primary);font-size:1rem;margin-bottom:1rem}.stories-card_footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.stories-card_date{font-size:.8rem;color:var(--text-secondary)}.stories-card_read-more-btn{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.2rem;font-size:.9rem;transition:color .2s ease}.stories-card_read-more-btn:hover{color:var(--accent-color)}.stories-card_read-more-btn svg{transition:transform .2s ease;fill:var(--primary-color)}.stories-card_read-more-btn:hover svg{transform:translate(5px);fill:var(--accent-color)}.stories-modal_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.stories-modal_content{background:var(--modal-bg);color:var(--text-primary);border-radius:16px;box-shadow:0 10px 30px #0006;max-width:700px;max-height:90vh;width:100%;overflow-y:auto;position:relative;display:flex;flex-direction:column}.stories-modal_close-btn{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;border-radius:50%;color:var(--text-primary);width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.5rem;z-index:10;transition:background .2s ease,transform .2s ease}.stories-modal_close-btn:hover{background:#fff3;transform:scale(1.1)}.stories-modal_close-btn svg{fill:var(--text-primary);filter:none}.stories-modal_header{position:relative;height:300px;border-top-left-radius:16px;border-top-right-radius:16px}.stories-modal_header-image{width:100%;height:100%;object-fit:cover;border-top-left-radius:16px;border-top-right-radius:16px}.stories-modal_header-info{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;background:linear-gradient(to top,#000c,#0003);color:#fff}.stories-modal_header-info h2{font-size:2rem;margin:0 0 .5rem}.stories-modal_location,.stories-modal_date{font-size:.9rem;color:var(--text-secondary);margin:0;display:flex;align-items:center;gap:.3rem}.stories-modal_location svg{fill:var(--text-secondary)}.stories-modal_body{padding:2rem;font-size:1.1rem;color:var(--text-primary);white-space:pre-wrap}.stories-modal_actions{display:flex;justify-content:space-around;align-items:center;padding:1rem 2rem;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stories-modal_action-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;font-size:1rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:color .2s ease,transform .2s ease}.stories-modal_action-btn:hover{color:var(--primary-color);transform:translateY(-2px)}.stories-modal_action-btn svg{stroke-width:2;stroke:var(--text-secondary);fill:none;transition:stroke .2s ease,fill .2s ease}.stories-modal_like-btn.stories-modal_liked{color:var(--primary-color)}.stories-modal_like-btn.stories-modal_liked svg{fill:var(--primary-color);stroke:var(--primary-color)}.stories-modal_comments-section{padding:1rem 2rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.stories-comments_list{max-height:250px;overflow-y:auto;padding-right:1rem}.stories-comments_list::-webkit-scrollbar{width:8px}.stories-comments_list::-webkit-scrollbar-track{background:var(--bg-dark)}.stories-comments_list::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.stories-comment_item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.stories-comment_avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--primary-color)}.stories-comment_content{background:var(--bg-surface);border-radius:12px;padding:.8rem 1.2rem;flex-grow:1}.stories-comment_author{font-weight:700;font-size:.9rem;color:var(--primary-color);display:block}.stories-comment_text{margin:.2rem 0 0;color:var(--text-primary)}.stories-comments_no-comments{text-align:center;color:var(--text-secondary);font-style:italic;margin-top:2rem}.stories-comment_input-area{display:flex;gap:.5rem;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color)}.stories-comment_input-field{flex-grow:1;padding:.75rem;border:1px solid var(--border-color);border-radius:50px;font-size:1rem;background-color:var(--bg-surface);color:var(--text-primary)}.stories-comment_input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff69b433}.stories-comment_input-field::placeholder{color:var(--text-secondary)}.stories-comment_post-btn{background:var(--primary-color);color:#fff;border:none;border-radius:50px;padding:.75rem 1.5rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.stories-comment_post-btn:hover:not(:disabled){background:var(--accent-color);transform:translateY(-1px)}.stories-comment_post-btn:disabled{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed}.stories-testimonials{text-align:center;margin-top:4rem;padding:2rem 0}.stories-testimonials h2{font-size:2.5rem;margin-bottom:2rem;color:var(--primary-color)}.stories-testimonials_cards-container{display:flex;flex-direction:column;align-items:center;gap:2rem}@media (min-width: 768px){.stories-testimonials_cards-container{flex-direction:row;justify-content:center}}.stories-testimonial_card{background:var(--bg-surface);border-radius:12px;padding:2rem;max-width:400px;box-shadow:0 4px 15px #0003;transition:transform .3s ease}.stories-testimonial_card:hover{transform:translateY(-5px)}.stories-testimonial_text{font-size:1.1rem;font-style:italic;color:var(--text-primary);margin-bottom:1rem}.stories-testimonial_author{font-weight:700;color:var(--primary-color);text-align:right;margin-top:1rem}@media (max-width: 768px){.stories-header_title-gradient{font-size:2.5rem}}:root{--bg-primary: #0f0f17;--bg-secondary: #1a1a27;--bg-tertiary: #252536;--bg-card: #161621;--text-primary: #f0f0ff;--text-secondary: #b0b0d0;--accent-primary: #ff6b8b;--accent-secondary: #c56cf0;--accent-tertiary: #67e6dc;--accent-gradient: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--accent-gradient-vertical: linear-gradient(to bottom, var(--accent-primary), var(--accent-secondary));--border-color: #3a3a4f;--hover-color: #2a2a3f;--success-color: #6ce6a9;--error-color: #ff4d6d;--love-color: #ff4d8d;--sparkle-color: #ffdd66;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .5);--glow: 0 0 15px rgba(255, 107, 139, .4);--border-radius: 16px;--border-radius-sm: 8px;--transition: all .3s ease;--transition-slow: all .5s ease}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem;background-image:radial-gradient(circle at 10% 20%,rgba(255,107,139,.05) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(197,108,240,.05) 0%,transparent 20%);background-attachment:fixed}.profile-container{width:100%;max-width:1200px;margin:0 auto}.profile-loading,.profile-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:var(--text-secondary);text-align:center}.spinner{animation:spin 1.2s linear infinite;font-size:2.5rem;margin-bottom:1.5rem;color:var(--accent-primary);text-shadow:0 0 10px rgba(255,107,139,.5)}.profile-error{background-color:var(--bg-card);border-left:4px solid var(--error-color);padding:1.8rem;border-radius:var(--border-radius);margin:2rem auto;box-shadow:var(--shadow-md);animation:fadeIn .5s ease;text-align:center;max-width:400px}.profile-header-card{background-color:var(--bg-card);border-radius:var(--border-radius);overflow:hidden;margin-bottom:2.5rem;box-shadow:var(--shadow-lg);position:relative;animation:slideUp .6s ease}.profile-cover-photo-container{height:340px;background:var(--bg-tertiary);background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;overflow:hidden}.profile-cover-photo-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,var(--bg-card),transparent)}.profile-image{width:170px;height:170px;border-radius:50%;object-fit:cover;border:4px solid var(--bg-card);position:absolute;left:45px;bottom:-85px;background:var(--bg-tertiary);box-shadow:var(--shadow-lg);z-index:2;transition:var(--transition)}.profile-image:hover{transform:scale(1.05);box-shadow:var(--glow)}.profile-info{padding:105px 45px 35px;position:relative}.name-and-edit-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.name-and-edit-container h1{font-size:2.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;text-shadow:0 0 15px rgba(255,107,139,.3)}.edit-profile-button{background:var(--accent-gradient);color:#fff;border:none;padding:.9rem 2rem;border-radius:30px;cursor:pointer;font-weight:600;transition:var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.edit-profile-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-slow)}.edit-profile-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-md),var(--glow)}.edit-profile-button:hover:before{left:100%}.profile-email{color:var(--text-secondary);margin-bottom:.8rem;font-size:1.1rem}.profile-location{display:flex;align-items:center;gap:.6rem;margin-bottom:1.2rem;color:var(--text-secondary)}.profile-social-links{display:flex;gap:1.2rem;margin:1.8rem 0}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:var(--bg-tertiary);color:var(--text-primary);transition:var(--transition);position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:var(--transition);z-index:1}.social-link i{position:relative;z-index:2}.social-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm),0 0 15px #ff6b8b66}.social-link:hover:before{opacity:1}.profile-social-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.2rem}.social-stat{display:flex;flex-direction:column;align-items:center;padding:1.4rem;background:var(--bg-secondary);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.social-stat:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--accent-gradient);transform:scaleX(0);transform-origin:left;transition:var(--transition)}.social-stat:hover{background:var(--hover-color);transform:translateY(-5px);box-shadow:var(--shadow-md)}.social-stat:hover:after{transform:scaleX(1)}.social-stat strong{font-size:1.6rem;margin-bottom:.4rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.profile-bio-sections{display:grid;grid-template-columns:1fr 1fr;gap:2.2rem;margin-bottom:2.5rem;animation:fadeIn .8s ease}.profile-section{background-color:var(--bg-card);border-radius:var(--border-radius);padding:2rem;box-shadow:var(--shadow-md);transition:var(--transition);position:relative;overflow:hidden}.profile-section:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-gradient-vertical);opacity:.7}.profile-section:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.profile-section h3{font-size:1.4rem;margin-bottom:1.4rem;padding-bottom:.8rem;border-bottom:1px solid var(--border-color);color:var(--accent-primary);display:flex;align-items:center;gap:.8rem}.profile-details-list{list-style:none}.profile-detail-item{padding:.9rem 0;border-bottom:1px solid var(--border-color);display:flex;transition:var(--transition)}.profile-detail-item:hover{background-color:#ff6b8b0d;padding-left:.5rem}.profile-detail-item:last-child{border-bottom:none}.profile-detail-item strong{min-width:160px;color:var(--text-primary);font-weight:600}.bio-text-section p{line-height:1.8;color:var(--text-secondary)}.profile-tabs{display:flex;background-color:var(--bg-card);border-radius:var(--border-radius);padding:.6rem;margin-bottom:2.5rem;box-shadow:var(--shadow-md);animation:fadeIn 1s ease;flex-wrap:wrap}.tab-button{flex:1;background:none;border:none;padding:1.1rem 1.6rem;color:var(--text-secondary);cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.6rem;border-radius:12px;transition:var(--transition);position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--accent-gradient);opacity:0;transition:var(--transition);z-index:1}.tab-button i,.tab-button span{position:relative;z-index:2}.tab-button:hover{color:var(--text-primary)}.tab-button.active{color:var(--text-primary);background-color:var(--bg-secondary);box-shadow:var(--shadow-sm)}.tab-button.active:before{opacity:.1}.profile-content-section{background-color:var(--bg-card);border-radius:var(--border-radius);padding:2.2rem;margin-bottom:2.5rem;box-shadow:var(--shadow-md);animation:fadeIn 1.2s ease}.profile-content-section h2{margin-top:0;margin-bottom:2rem;color:var(--accent-primary);font-size:1.7rem;display:flex;align-items:center;gap:.8rem}.no-posts,.no-users,.no-photos{text-align:center;padding:3.5rem;color:var(--text-secondary)}.no-posts p,.no-users p,.no-photos p{font-size:1.1em}.no-posts i,.no-users i,.no-photos i{font-size:3rem;margin-bottom:1.5rem;color:var(--accent-secondary);opacity:.7}.posts-list,.user-grid,.photos-grid{display:grid;gap:20px}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.8rem}.post-card,.photo-grid-item,.user-list-card,.follower-list-card{transition:var(--transition);position:relative;overflow:hidden}.post-card{background:var(--bg-secondary);border-radius:var(--border-radius)}.post-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.post-image{width:100%;height:220px;object-fit:cover}.post-content{padding:1.4rem;position:relative;z-index:2}.post-stats{display:flex;justify-content:space-between;margin-top:1.2rem;color:var(--text-secondary)}.post-stat{display:flex;align-items:center;gap:.5rem;transition:var(--transition)}.post-stat:hover{color:var(--accent-primary)}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.4rem}.photo-grid-item{width:100%;height:240px;object-fit:cover;border-radius:var(--border-radius);background:var(--bg-secondary)}.photo-grid-item:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.8rem}.user-list-card{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:2rem;text-align:center}.user-list-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.user-list-photo{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:1.2rem;border:3px solid var(--accent-primary);box-shadow:0 0 15px #ff6b8b4d;position:relative;z-index:2;transition:var(--transition)}.user-list-card:hover .user-list-photo{transform:scale(1.1);box-shadow:0 0 20px #ff6b8b80}.user-list-name{font-weight:600;font-size:1.2rem;position:relative;z-index:2}.follower-list-card{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-secondary);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.2rem;box-shadow:var(--shadow-md)}.follower-list-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.follower-info{display:flex;align-items:center;flex-grow:1}.follower-list-photo{width:70px;height:70px;border-radius:50%;margin-right:15px;object-fit:cover;border:2px solid var(--accent-secondary);transition:var(--transition)}.follower-list-card:hover .follower-list-photo{transform:scale(1.1);box-shadow:0 0 15px #c56cf080}.follower-details{display:flex;flex-direction:column}.follower-list-name{font-weight:700;font-size:1.2em;color:var(--text-primary)}.follower-interests{font-size:.9em;color:var(--text-secondary);margin-top:5px}.unfollow-button{background-color:var(--error-color);color:#fff;border:none;border-radius:20px;padding:8px 16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:5px;transition:var(--transition)}.unfollow-button:hover{background-color:#e54c4c;transform:translateY(-2px);box-shadow:var(--shadow-md)}.edit-profile-form-container{background-color:var(--bg-card);border-radius:var(--border-radius);padding:2.5rem;box-shadow:var(--shadow-lg);animation:fadeIn .6s ease;max-width:800px;margin:0 auto}.edit-profile-form-container h3{margin-top:0;color:var(--accent-primary);font-size:1.8rem;margin-bottom:2rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.8rem}.cover-image-upload-container{position:relative;height:220px;border-radius:var(--border-radius);overflow:hidden;margin-bottom:5rem;background-color:var(--bg-tertiary);box-shadow:var(--shadow-md)}.cover-upload-overlay{position:absolute;inset:0;background-color:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;cursor:pointer;opacity:0;transition:var(--transition)}.cover-upload-overlay i{font-size:2rem;margin-bottom:.8rem}.profile-image-upload{position:relative;width:140px;height:140px;margin:-100px auto 2rem;z-index:2}.edit-profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--bg-card);background-color:var(--bg-tertiary);box-shadow:var(--shadow-lg);transition:var(--transition)}.edit-profile-image:hover{transform:scale(1.05);box-shadow:var(--glow)}.image-upload-icon{position:absolute;bottom:5px;right:5px;background:var(--accent-gradient);color:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid var(--bg-card);box-shadow:var(--shadow-sm);transition:var(--transition)}.image-upload-icon:hover{transform:scale(1.1)}.edit-profile-form-container label{display:block;margin-bottom:1.2rem;font-weight:500;color:var(--text-primary)}.edit-profile-form-container input,.edit-profile-form-container textarea,.edit-profile-form-container select{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background-color:var(--bg-secondary);color:var(--text-primary);margin-top:.6rem;font-family:inherit;transition:var(--transition)}.edit-profile-form-container input:focus,.edit-profile-form-container textarea:focus,.edit-profile-form-container select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #ff6b8b33}.edit-profile-form-container textarea{min-height:120px;resize:vertical}.social-links-section{margin:2rem 0;padding:1.5rem;background-color:var(--bg-secondary);border-radius:var(--border-radius)}.social-links-section h4{color:var(--accent-primary);margin-bottom:1.5rem;display:flex;align-items:center;gap:.8rem}.social-input-group{display:flex;align-items:center;margin-bottom:1rem;background-color:var(--bg-tertiary);border-radius:var(--border-radius-sm);overflow:hidden;transition:var(--transition)}.social-input-group:focus-within{box-shadow:0 0 0 3px #ff6b8b33}.social-icon{padding:1rem;background-color:var(--bg-secondary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;min-width:50px;font-size:1.2rem}.social-input-group input{margin-top:0;border:none;border-radius:0;flex:1;background-color:transparent}.form-buttons{display:flex;gap:1.2rem;margin-top:2rem;justify-content:center}.save-button,.cancel-button{display:flex;align-items:center;gap:.6rem;padding:1rem 2rem;border:none;border-radius:30px;cursor:pointer;font-weight:600;transition:var(--transition);min-width:140px;justify-content:center}.save-button{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.save-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-md),var(--glow)}.cancel-button{background-color:transparent;color:var(--text-secondary);border:2px solid var(--border-color)}.cancel-button:hover:not(:disabled){background-color:var(--hover-color);color:var(--text-primary);border-color:var(--accent-primary)}.save-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .3s ease-out;overflow-y:auto;padding:20px}.popup-content{background-color:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);width:100%;max-width:900px;max-height:90vh;position:relative;animation:slideUp .5s ease-out;display:flex;flex-direction:column}.popup-close-btn{position:absolute;top:15px;right:15px;background-color:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;z-index:10000;transition:var(--transition)}.popup-close-btn:hover{color:var(--accent-primary);transform:scale(1.1)}.profile-view-content{padding:20px;overflow-y:auto;flex-grow:1}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.heartbeat{animation:pulse 1.5s infinite}.sparkle{color:var(--sparkle-color);text-shadow:0 0 10px rgba(255,221,102,.5)}@media (max-width: 968px){.profile-bio-sections{grid-template-columns:1fr}.profile-social-stats{grid-template-columns:repeat(2,1fr)}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){body{padding:1rem}.profile-cover-photo-container{height:260px}.profile-image{left:50%;transform:translate(-50%);bottom:-65px;width:130px;height:130px}.profile-info{padding:85px 1.5rem 1.5rem;text-align:center}.name-and-edit-container{flex-direction:column;gap:1.2rem}.name-and-edit-container h1{font-size:2rem}.profile-social-links{justify-content:center}.tab-button{flex:1 0 33%;padding:.9rem .5rem;font-size:.9rem}.posts-grid,.photos-grid,.user-grid{grid-template-columns:1fr}.form-buttons{flex-direction:column}.save-button,.cancel-button{width:100%}.popup-content{max-width:100%;max-height:100vh;border-radius:0}}@media (max-width: 480px){body{padding:.5rem}.profile-header-card{margin-bottom:2rem}.profile-cover-photo-container{height:200px}.profile-image{width:100px;height:100px;bottom:-50px;border-width:3px}.profile-info{padding:60px 1rem 1rem}.name-and-edit-container h1{font-size:1.6rem}.edit-profile-button{padding:.7rem 1.5rem;font-size:.9rem}.profile-email,.profile-location{font-size:.9rem;word-break:break-all}.profile-social-links{gap:.8rem;margin:1.5rem 0}.social-link{width:40px;height:40px}.profile-social-stats{grid-template-columns:1fr;gap:.8rem}.social-stat strong{font-size:1.4rem}.social-stat span{font-size:.9rem}.profile-bio-sections{grid-template-columns:1fr;gap:1.5rem}.profile-section{padding:1.2rem}.profile-section h3{font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.profile-details-list li{font-size:.9rem}.profile-detail-item{flex-direction:column;align-items:flex-start}.profile-detail-item strong{min-width:auto;margin-bottom:.2rem}.profile-tabs{flex-direction:column;padding:.4rem;margin-bottom:1.5rem}.tab-button{padding:.8rem;font-size:.9rem;justify-content:flex-start}.profile-content-section{padding:1rem;margin-bottom:1.5rem}.posts-grid,.photos-grid,.user-grid{grid-template-columns:1fr;gap:1rem}.posts-grid .post-card,.photos-grid .photo-grid-item,.user-grid .user-list-card,.follower-list-card{margin-bottom:0}.edit-profile-form-container{padding:1.5rem}.form-buttons{flex-direction:column;gap:.8rem}.save-button,.cancel-button{width:100%}.popup-content{padding:1rem}.popup-close-btn{top:10px;right:10px}}.edit-profile-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-in-out}.edit-profile-popup-card{background:linear-gradient(145deg,#1a1a24,#16161d);border-radius:16px;box-shadow:0 12px 40px #0009,0 0 0 1px #ffffff0d;width:90%;max-width:650px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;position:relative;animation:scaleUp .3s ease-in-out;color:#e6e6f0;font-family:Inter,Segoe UI,sans-serif}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,255,255,.08);background:#1a1a24cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.popup-header h3{margin:0;font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#ff6b8b,#c56cf0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(255,107,139,.3)}.close-button{background:#ffffff1a;border:none;font-size:1.5rem;color:#a0a0b0;cursor:pointer;transition:all .3s ease;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#ff6b8b;background:#ff6b8b1a;transform:rotate(90deg)}.popup-content{padding:2rem;display:flex;flex-direction:column;gap:2rem}.image-upload-sections{position:relative;margin-bottom:60px}.cover-image-upload-container{position:relative;width:100%;height:180px;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#242432,#1a1a24);display:flex;justify-content:center;align-items:center;box-shadow:inset 0 0 20px #0000004d}.edit-cover-image{width:100%;height:100%;object-fit:cover}.cover-upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0003,#000000b3);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;opacity:0;transition:all .3s ease}.cover-image-upload-container:hover .cover-upload-overlay{opacity:1}.cover-upload-overlay span{font-size:.9rem;margin-top:8px;font-weight:500}.profile-image-upload{position:absolute;bottom:-70px;left:2rem;width:120px;height:120px;border-radius:50%;border:4px solid #1a1a24;overflow:hidden;cursor:pointer;box-shadow:0 5px 20px #0006,0 0 0 4px #ff6b8b33;background:linear-gradient(145deg,#242432,#1a1a24);display:flex;justify-content:center;align-items:center;transition:all .3s ease}.profile-image-upload:hover{transform:scale(1.05);box-shadow:0 8px 25px #00000080,0 0 0 4px #ff6b8b4d}.edit-profile-image{width:100%;height:100%;object-fit:cover}.image-upload-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;color:#fff;opacity:0;transition:all .3s ease;font-size:1.2rem}.profile-image-upload:hover .image-upload-icon{opacity:1}.form-fields{display:flex;flex-direction:column;gap:1.5rem;padding-top:60px}label{font-weight:600;display:flex;flex-direction:column;gap:.75rem;color:#e6e6f0;font-size:1rem}input[type=text],input[type=url],textarea{width:100%;padding:1rem 1.2rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;transition:all .3s ease;background:#1a1a2480;color:#e6e6f0;font-family:inherit}input::placeholder,textarea::placeholder{color:#6a6a80}input:focus,textarea:focus{outline:none;border-color:#ff6b8b80;box-shadow:0 0 0 3px #ff6b8b33;background:#1a1a24cc}textarea{resize:vertical;min-height:120px}.social-links-section{margin-top:1.5rem;padding:1.5rem;background:#1a1a2480;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.social-links-section h4{margin-bottom:1rem;font-weight:700;font-size:1.2rem;color:#ff6b8b;display:flex;align-items:center;gap:.5rem}.social-input-group{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:#1a1a244d;border-radius:10px;transition:all .3s ease}.social-input-group:focus-within{background:#1a1a2499;box-shadow:0 0 0 2px #ff6b8b33}.social-icon{font-size:1.3rem;color:#a0a0b0;width:28px;text-align:center;transition:color .3s ease}.social-input-group:focus-within .social-icon{color:#ff6b8b}.form-buttons{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid rgba(255,255,255,.08);background:#1a1a2480;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;bottom:0}.save-button,.cancel-button{padding:.9rem 2rem;border-radius:30px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:1rem}.save-button{background:linear-gradient(135deg,#ff6b8b,#c56cf0);color:#fff;border:none;box-shadow:0 5px 15px #ff6b8b4d}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#ff7f9d,#d17bf9);transform:translateY(-3px);box-shadow:0 8px 20px #ff6b8b66}.save-button:active:not(:disabled){transform:translateY(-1px)}.save-button:disabled{background:#3a3a4f;color:#6a6a80;cursor:not-allowed;box-shadow:none}.cancel-button{background:#ffffff1a;color:#a0a0b0;border:1px solid rgba(255,255,255,.1)}.cancel-button:hover:not(:disabled){background:#ffffff26;color:#e6e6f0;border-color:#fff3;transform:translateY(-3px)}.cancel-button:active:not(:disabled){transform:translateY(-1px)}.spinner{animation:rotate 1.2s linear infinite;font-size:1.2rem}.edit-profile-popup-card::-webkit-scrollbar{width:8px}.edit-profile-popup-card::-webkit-scrollbar-track{background:#1a1a2480;border-radius:0 16px 16px 0}.edit-profile-popup-card::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.edit-profile-popup-card::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.edit-profile-popup-card{width:95%;max-height:95vh;border-radius:12px}.popup-header{padding:1.2rem 1.5rem}.popup-content{padding:1.5rem;gap:1.5rem}.cover-image-upload-container{height:150px}.profile-image-upload{width:100px;height:100px;bottom:-50px;left:1.5rem}.form-buttons{flex-direction:column;gap:.75rem}.save-button,.cancel-button{width:100%;justify-content:center}}.edit-profile-popup-card{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) rgba(26,26,36,.5)}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid #ff6b8b;outline-offset:2px}