@import"https://fonts.googleapis.com/css2?family=Proxima+Nova:wght@400;700&family=Montserrat:wght@400;700&family=Playfair+Display:wght@700&display=swap";body{font-family:Montserrat,sans-serif;background-color:var(--lightest-color);margin:0;padding:0;color:var(--darkest-color)}header{background-color:#000;padding:20px 40px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;width:100%;z-index:1000}header h1{font-family:Playfair Display,serif;font-size:36px;margin:0;color:var(--lightest-color)}header nav{display:flex;gap:20px}.header-link{padding:10px 15px;font-size:16px;color:var(--lightest-color);background-color:transparent;text-decoration:none;border:none;transition:background-color .3s ease,color .3s ease}button,.button-link{padding:12px 24px;font-size:18px;cursor:pointer;background-color:var(--dark-blue);color:var(--lightest-color);border:none;border-radius:25px;transition:background-color .3s ease;text-align:center;display:inline-block;text-decoration:none}button:hover,.button-link:hover{background-color:var(--medium-blue)}.hero{position:relative;width:100%;margin-bottom:40px}.hero img.hero-image{width:100%;height:auto}.overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--lightest-color);background-color:#00000080;padding:20px;border-radius:12px}.overlay-text h1{font-size:36px;margin:0;font-family:Playfair Display,serif}.overlay-text p{font-size:18px;margin:10px 0 0;font-family:Montserrat,sans-serif}main{width:80%;margin:auto;padding:40px 0}.upload-section{background:var(--lightest-color);padding:20px;border-radius:12px;text-align:center;box-shadow:0 4px 10px #0000001a}.upload-section h2{font-size:28px;margin-bottom:20px;color:var(--darkest-color)}.upload-section p{font-size:18px;margin-bottom:30px;color:var(--dark-blue)}.upload-section input[type=file]{display:none}.upload-section label.file-upload-label{display:inline-block;padding:12px 24px;font-size:18px;cursor:pointer;background-color:var(--lightest-color);color:var(--dark-blue);border:2px solid var(--dark-blue);border-radius:25px;transition:background-color .3s ease,color .3s ease}.upload-section label.file-upload-label:hover{background-color:var(--dark-blue);color:var(--lightest-color)}.uploaded-image{margin-top:20px;max-width:100%;border-radius:12px;box-shadow:0 4px 10px #0000001a}button.submit{padding:12px 24px;font-size:18px;cursor:pointer;background-color:var(--dark-blue);color:var(--lightest-color);border:none;border-radius:25px;transition:background-color .3s ease}button.submit:hover{background-color:var(--medium-blue)}.recommendations{margin-top:40px;padding:20px;background-color:var(--lightest-color);border-radius:12px;box-shadow:0 4px 10px #0000001a;text-align:center}.recommendations h3{font-size:28px;margin-bottom:20px;color:var(--darkest-color)}.look-description{font-size:18px;color:var(--medium-blue);margin-bottom:20px}.product-panels{display:flex;flex-direction:column;gap:20px;justify-content:center}.product-panel{width:100%;border:1px solid var(--light-taupe);border-radius:12px;padding:15px;background-color:var(--lightest-color);box-shadow:0 4px 10px #0000001a}.product-panel h4{font-size:18px;margin-bottom:10px;color:var(--darkest-color)}.product-panel p{font-size:14px;margin-bottom:5px;color:var(--dark-blue)}.product-panel a{text-decoration:none;color:var(--dark-blue);transition:color .3s ease}.product-panel a:hover{color:var(--medium-blue)}@media (max-width: 768px){.product-panels{flex-direction:column;gap:20px}.product-panel{width:100%}}.saved-recommendations{margin-top:40px;padding:20px;background-color:var(--lightest-color);border-radius:12px;box-shadow:0 4px 10px #0000001a}.saved-recommendations h3{font-size:28px;margin-bottom:20px;color:var(--darkest-color)}.recommendation{margin-bottom:20px}.create-account-form,.login-form{width:300px;margin:50px auto;padding:20px;background-color:var(--lightest-color);border-radius:12px;box-shadow:0 4px 10px #0000001a;text-align:center}.create-account-form h2,.login-form h2{margin-bottom:20px;color:var(--darkest-color)}.create-account-form input,.login-form input{width:100%;padding:10px;margin-bottom:10px;font-size:16px;border-radius:12px;border:1px solid var(--light-taupe);box-shadow:0 2px 4px #0000001a}.create-account-form button,.login-form button{width:100%;padding:10px;font-size:16px;cursor:pointer;background-color:var(--dark-blue);color:var(--lightest-color);border:none;border-radius:25px;transition:background-color .3s ease}.create-account-form button:hover,.login-form button:hover{background-color:var(--medium-blue)}.photo-steps{display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:300px}.photo-step{position:absolute;transition:transform .5s ease,opacity .5s ease;opacity:.5;transform:scale(.8)}.photo-step.active{z-index:10;opacity:1;transform:scale(1)}.photo-step img{max-width:100px;border-radius:12px;box-shadow:0 4px 10px #0000001a}.photo-step.active img{max-width:150px}.buttons{display:flex;gap:10px;margin-top:10px}.file-upload-label{margin-top:10px}@media (max-width: 768px){.photo-steps{flex-direction:column}}.expandable-panel{border:1px solid var(--light-taupe);border-radius:5px;margin-bottom:10px;display:block;width:100%}.panel-header{background-color:var(--light-taupe);cursor:pointer;padding:10px;border-radius:5px 5px 0 0;display:flex;flex-direction:column}.panel-header h4{margin:0;color:var(--darkest-color)}.panel-header .subtitle{font-size:.8em;color:var(--medium-blue);margin:5px 0 0}.panel-content{padding:10px;border-top:1px solid var(--light-taupe)}.panel-content .product{margin-bottom:10px}.panel-content .product img{max-width:100%;height:auto}.expandable-panel.open .panel-content{display:block}.expandable-panel .panel-content{display:none}body{font-family:Montserrat,sans-serif;background-color:#f9f9f9;margin:0;padding:0;color:#333}.recommendation-title,.form-title{margin-bottom:20px;color:var(--lightest-color)}.form-input{width:100%;padding:12px;margin-bottom:20px;font-size:16px;border-radius:12px;border:1px solid #ccc;box-shadow:0 2px 4px #0000001a;transition:border-color .3s ease}.form-input:focus{border-color:var(--light-taupe);outline:none}.form-button{width:100%;padding:12px;font-size:16px;cursor:pointer;background-color:var(--dark-blue);color:#fff;border:none;border-radius:25px;transition:background-color .3s ease}.form-button:hover{background-color:var(--medium-blue)}.form-message{margin-top:20px;font-size:14px}.product-panel-title,.recommendations-title{font-size:18px;color:var(--lightest-color)}.product-link{text-decoration:none;color:var(--dark-blue);transition:color .3s ease}.product-link:hover{color:var(--medium-blue)}.recommendation-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.recommendation-image{max-width:100%;border-radius:12px;margin-bottom:10px}.recommendation-date,.recommendation-link{font-size:14px;color:var(--dark-blue);text-decoration:none}.recommendation{width:80%;margin:50px auto;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;text-align:center}.uploaded-image{max-width:100%;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin-bottom:20px}.look-description{font-size:18px;color:#666;margin-bottom:20px}.product-panels{display:flex;flex-wrap:nowrap;gap:20px;justify-content:center}.product-panel{width:20%;border:1px solid #ccc;border-radius:12px;padding:15px;background-color:#e0f7e9;box-shadow:0 4px 10px #0000001a}.product-panel img{width:100%;border-radius:12px;margin-bottom:10px}.product-panel h4{font-size:18px;margin-bottom:10px;color:#333}.product-panel p{font-size:14px;margin-bottom:5px;color:#333}.centered-button{display:block;margin:20px auto}.skeleton{background-color:#e0e0e0;border-radius:4px;margin:10px;padding:10px}.skeleton-image{width:100%;height:150px;background-color:silver;border-radius:4px}.skeleton-text{width:60%;height:20px;background-color:#d0d0d0;margin:10px 0;border-radius:4px}.skeleton-link{width:80%;height:20px;background-color:#d0d0d0;border-radius:4px}.photo-container{display:flex;flex-direction:column;align-items:center}.photo-steps{display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:20px}.photo-step{display:flex;justify-content:space-around;width:100%}.photo-column{display:flex;flex-direction:column;align-items:center;margin:0 20px}.example-img,.uploaded-img{width:150px;height:150px;object-fit:cover;border-radius:12px;margin-top:10px}.placeholder-img{width:150px;height:150px;display:flex;align-items:center;justify-content:center;border:2px dashed #ccc;border-radius:12px;margin-top:10px}.cta-button{background-color:var(--dark-blue);color:var(--lightest-color);border:none;padding:12px 24px;border-radius:25px;cursor:pointer;margin:10px 0;text-align:center;display:inline-block;text-decoration:none}.cta-button:hover{background-color:var(--medium-blue)}.controls{display:flex;flex-direction:column;align-items:center}.buttons{display:flex;justify-content:space-between;width:100%;max-width:400px}.submit{background-color:#28a745}.submit:hover{background-color:#218838}.photo-column{display:flex;flex-direction:column;align-items:center;margin:0 10px}.placeholder-img{width:150px;height:150px;background-color:var(--light-taupe);display:flex;justify-content:center;align-items:center;border-radius:12px;box-shadow:0 4px 10px #0000001a}.uploaded-photos{margin-top:20px;text-align:center}.uploaded-photos h3{font-size:24px;color:var(--darkest-color);margin-bottom:10px}.uploaded-photos-container{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.uploaded-img-small{width:100px;height:auto;border-radius:12px;box-shadow:0 4px 10px #0000001a}.how-it-works{padding:40px 0;background-color:var(--lightest-color);text-align:center}.how-it-works h2{font-size:32px;color:var(--darkest-color);margin-bottom:30px}.steps{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.step{flex:1;max-width:300px;padding:20px;border-radius:12px;background-color:var(--lightest-color);text-decoration:none;text-align:left;box-shadow:0 4px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:center}.step:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.step img.step-image{width:70px;height:70px;border-radius:50%;margin-right:20px}.step .step-content{flex:1}.step h3{font-size:18px;margin:0 0 10px;color:var(--darkest-color)}.step p{font-size:14px;color:var(--dark-blue);margin:0}.get-started{display:flex;align-items:center;padding:60px 0;background-color:var(--lightest-color)}.get-started-content{display:flex;align-items:center;width:80%;margin:auto;text-decoration:none;background-color:var(--lightest-color);border-radius:12px;padding:20px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 10px #0000001a}.get-started-content:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.get-started-image{flex:1;max-width:200px;border-radius:50%;margin-right:40px}.get-started-text{flex:2;text-align:left}.get-started-text h2{font-size:24px;color:var(--darkest-color);margin-bottom:20px}.get-started-text p{font-size:18px;color:var(--dark-blue)}.profile-page{max-width:1200px;margin:0 auto;padding:40px 20px}.profile-page .hero{text-align:center;margin-bottom:40px}.profile-page .hero h1{font-size:36px;color:var(--darkest-color);margin-bottom:10px}.profile-page .hero p{font-size:18px;color:var(--medium-blue)}.upload-section{background-color:var(--lightest-color);padding:40px;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin-bottom:40px}.image-preview h3{font-size:24px;color:var(--darkest-color);margin-bottom:15px}.loading{text-align:center;font-size:18px;color:var(--medium-blue);margin:20px 0}.profile-results{background-color:var(--lightest-color);padding:40px;border-radius:12px;box-shadow:0 4px 10px #0000001a}.profile-results h2{font-size:28px;color:var(--darkest-color);margin-bottom:20px;text-align:center}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.profile-category{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 5px #0000000d}.profile-category h3{font-size:20px;color:var(--dark-blue);margin-bottom:10px}.profile-category p{font-size:16px;color:var(--medium-blue)}:root{--darkest-color: #1a1a30;--dark-blue: #3b3b5e;--medium-blue: #747487;--light-taupe: #b8a8a3;--lightest-color: #ede5e1}*{box-sizing:border-box}.header{background-color:#000;padding:20px;box-shadow:0 2px 10px #0000001a;text-align:left;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;width:100%;z-index:1000;overflow-x:hidden}.header-title{font-family:Playfair Display,serif;font-size:24px;color:var(--lightest-color);margin:0;text-decoration:none}.header-nav{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.header-link{color:var(--lightest-color);text-decoration:none;margin:0 5px;padding:10px 15px;border-radius:20px;transition:all .3s ease}.header-link:hover{border:2px solid var(--lightest-color)}.hamburger{display:none;font-size:24px;background:none;border:none;color:var(--lightest-color);cursor:pointer}@media (max-width: 768px){.header-nav{display:none;flex-direction:column;background-color:#000;position:absolute;top:60px;right:0;width:100%;box-shadow:0 2px 10px #0000001a}.header-nav.open{display:flex}.hamburger{display:block}}.create-profile-page{max-width:1200px;margin:0 auto;padding:40px 20px}.create-profile-page .hero{text-align:center;margin-bottom:40px}.create-profile-page .hero h1{font-size:36px;color:var(--darkest-color);margin-bottom:10px}.create-profile-page .hero p{font-size:18px;color:var(--medium-blue)}.upload-section,.create-profile-form{background-color:var(--lightest-color);padding:40px;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin-bottom:40px}.upload-section h2,.create-profile-form h2{font-size:24px;color:var(--darkest-color);margin-bottom:15px}.upload-section p,.create-profile-form p{font-size:16px;color:var(--medium-blue);margin-bottom:20px}.file-upload-container{margin-bottom:20px}.file-input{display:none}.file-upload-label{display:inline-block;padding:12px 24px;background-color:var(--dark-blue);color:var(--lightest-color);border-radius:25px;cursor:pointer;transition:background-color .3s ease}.file-upload-label:hover{background-color:var(--medium-blue)}.submit-button{display:block;width:100%;padding:12px 24px;background-color:var(--dark-blue);color:var(--lightest-color);border:none;border-radius:25px;font-size:18px;cursor:pointer;transition:background-color .3s ease}.submit-button:hover{background-color:var(--medium-blue)}.submit-button:disabled{background-color:var(--medium-blue);cursor:not-allowed}.image-preview{margin-top:30px}.image-preview h3{font-size:20px;color:var(--darkest-color);margin-bottom:15px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.preview-image{width:100%;height:150px;object-fit:cover;border-radius:8px;box-shadow:0 2px 5px #0000001a}.create-profile-form form{display:flex;flex-direction:column}.create-profile-form input{width:100%;padding:12px;margin-bottom:15px;font-size:16px;border:1px solid var(--light-taupe);border-radius:8px}.create-profile-form input:focus{outline:none;border-color:var(--dark-blue)}.error-message{color:red;margin-top:15px;font-size:14px}@media (max-width: 768px){.create-profile-page,.upload-section,.create-profile-form{padding:20px}.create-profile-page .hero h1{font-size:28px}.create-profile-page .hero p{font-size:16px}}.user-instructions{width:100%;padding:12px;margin-bottom:15px;font-size:16px;border:1px solid var(--light-taupe);border-radius:8px;resize:vertical;min-height:100px}.user-instructions::placeholder{color:#999}:root{--primary-color: #3b3b5e;--secondary-color: #4a4a7d;--background-color: #f5f5f5;--card-background: #ffffff;--text-color: #1a1a30;--text-light: #747487;--border-radius: 12px;--transition: all .3s ease}body{font-family:Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);margin:0;padding:0}.view-profile-container{max-width:1400px;margin:0 auto;padding:2rem;overflow:hidden}.profile-content{display:flex;gap:2rem;overflow:hidden}.left-panel{flex:0 0 25%;min-width:250px}.right-panel{flex:1;min-width:0;overflow:hidden}.profile-card{background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:0 4px 10px #0000001a;padding:2rem;margin-bottom:2rem;animation:fadeInUp .5s ease-out}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.profile-image-container{width:100%;display:flex;flex-direction:column;align-items:center}.profile-avatar{width:150px;height:150px;border-radius:50%;object-fit:cover;box-shadow:0 4px 10px #0000001a;transition:var(--transition)}.profile-avatar:hover{transform:scale(1.05)}.photo-thumbnails{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.thumbnail{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer;transition:var(--transition);box-shadow:0 2px 5px #0000001a}.thumbnail:hover{transform:scale(1.1)}.profile-info{text-align:center;margin-top:1rem}.profile-info h1{font-size:1.8rem;margin-bottom:.5rem}.profile-summary{font-size:1rem;color:var(--text-light);margin-bottom:1rem}.custom-instructions,.style-tips,.profile-images{background-color:var(--card-background);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 5px #0000000d}.custom-instructions h3,.style-tips h3,.profile-images h3{margin-bottom:1rem;font-size:1.2rem}.custom-instructions p,.style-tips li{font-size:.9rem;color:var(--text-light)}.custom-instructions textarea{width:100%;min-height:100px;margin-bottom:10px;border:1px solid var(--text-light);border-radius:5px;padding:10px}.style-tips ul{padding-left:1.5rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.image-item{position:relative}.image-item img{width:100%;height:80px;object-fit:cover;border-radius:8px}.image-item button{position:absolute;top:5px;right:5px;background-color:#fffc;border:none;border-radius:4px;padding:2px 5px;font-size:12px;cursor:pointer}.add-image{display:flex;align-items:center;justify-content:center;height:80px;border:2px dashed #ccc;border-radius:8px;cursor:pointer}.add-image label{cursor:pointer;font-size:14px}.attribute-tabs{background:var(--card-background);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 5px #0000000d}.tab-buttons{display:flex;justify-content:center;margin-bottom:1.5rem}.tab-button{background-color:transparent;border:none;padding:.75rem 1.5rem;margin:0 .5rem;cursor:pointer;font-weight:700;font-size:1rem;color:var(--text-light);transition:var(--transition);border-radius:20px}.tab-button.active{color:var(--card-background);background:linear-gradient(145deg,var(--primary-color),var(--secondary-color))}.attribute-chips{display:flex;flex-wrap:wrap;gap:.75rem}.attribute-chip{background:#f0f0f0;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;display:flex;align-items:center}.attribute-name{font-weight:700;margin-right:.5rem;color:var(--primary-color)}.attribute-value{color:var(--text-light)}.recommendations-section{background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:0 4px 10px #0000001a;padding:2rem;margin-bottom:2rem;overflow:hidden}.recommendations-section h2{text-align:center;margin-bottom:1.5rem}.outfit-selector{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.outfit-button{background:#f0f0f0;border:none;padding:.75rem 1.5rem;cursor:pointer;font-weight:700;color:var(--text-light);transition:var(--transition);border-radius:20px}.outfit-button.active{background:linear-gradient(145deg,var(--primary-color),var(--secondary-color));color:var(--card-background)}.product-carousel{position:relative;overflow:hidden}.product-scroll{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:1rem;padding:1rem 0;scrollbar-width:none;-ms-overflow-style:none}.product-scroll::-webkit-scrollbar{display:none}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#3b3b5ecc;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);z-index:1}.carousel-arrow:hover{background-color:var(--primary-color)}.carousel-arrow.left{left:-20px}.carousel-arrow.right{right:-20px}.product-item{flex:0 0 auto;width:180px;max-width:180px;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;transition:var(--transition);cursor:pointer}.product-item:hover{transform:translateY(-5px);box-shadow:0 4px 15px #0000001a}.product-item img{width:100%;height:180px;object-fit:cover}.product-details{padding:1rem}.product-details h5{margin:0 0 .5rem;font-size:1rem;color:var(--text-color)}.product-details p{margin:0 0 .25rem;font-size:.9rem;color:var(--text-light)}.outfit-request-module{background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:0 4px 10px #0000001a;padding:2rem;margin-bottom:2rem}.outfit-request-module h2{margin-bottom:1rem}.outfit-request-input{width:100%;padding:.75rem;font-size:1rem;border:1px solid var(--light-taupe);border-radius:4px;margin-bottom:1rem}.outfit-request-button{background-color:var(--dark-blue);color:var(--lightest-color);border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.outfit-request-button:hover{background-color:var(--medium-blue)}.outfit-request-button:disabled{background-color:var(--light-taupe);cursor:not-allowed}.feed-preview{margin-top:2rem;overflow:hidden}.feed-preview h3{margin-bottom:1rem}.feed-sample{display:flex;flex-wrap:wrap;gap:1rem;overflow:hidden}.feed-item{flex:0 0 calc(33.333% - 1rem);max-width:calc(33.333% - 1rem);min-width:0}.feed-item img{width:100%;height:150px;object-fit:cover;border-radius:8px}.feed-item p{margin-top:.5rem;font-size:.9rem;color:var(--text-color)}.favorites-section{margin-top:2rem}.favorite-item{display:flex;align-items:center;margin-bottom:1rem}.favorite-image{width:50px;height:50px;object-fit:cover;margin-right:1rem}.favorite-title{flex-grow:1;text-decoration:none;color:var(--text-color)}.remove-favorite{background:none;border:none;color:var(--text-light);cursor:pointer}.favorite-button{background:none;border:none;font-size:1.5rem;color:gold;cursor:pointer;transition:transform .2s;position:absolute;top:10px;right:10px}.favorite-button:hover{transform:scale(1.1)}.attribute-tabs-container{overflow:hidden}.button-link{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--card-background);text-decoration:none;border-radius:25px;transition:var(--transition);font-size:1rem;margin-top:1rem}.button-link:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 10px #0003}.refresh-indicator{position:fixed;top:0;left:0;right:0;background-color:var(--secondary-color);color:var(--card-background);text-align:center;padding:10px;z-index:1000}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.loading-indicator{display:flex;align-items:center;justify-content:center;padding:20px;font-size:16px;color:var(--text-light)}.loading-spinner{border:2px solid #f3f3f3;border-top:2px solid var(--primary-color);border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;margin-right:10px}.product-placeholder{width:100%;max-width:300px;height:auto;display:block;margin:0 auto}.product-loading-message{text-align:center;font-size:18px;color:var(--text-color);margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.profile-content{flex-direction:column}.left-panel,.right-panel{flex:1 0 100%;min-width:0}.image-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.image-item img,.add-image{height:60px}.feed-item{flex:0 0 calc(50% - .5rem);max-width:calc(50% - .5rem)}.carousel-arrow{width:30px;height:30px;font-size:1rem}.carousel-arrow.left{left:-15px}.carousel-arrow.right{right:-15px}}.favorite-image{width:50px;height:50px;object-fit:cover;border-radius:4px;margin-right:10px}.favorite-details{flex:1;display:flex;flex-direction:column}.favorite-search-term{font-size:14px;color:#333;margin-bottom:5px;font-weight:700}.favorite-link{font-size:12px;color:#007bff;text-decoration:none}.favorite-link:hover{text-decoration:underline}.remove-favorite{background-color:transparent;border:none;color:#ff4d4d;font-size:18px;cursor:pointer;padding:0;margin-left:10px}.remove-favorite:hover{color:#f33}@media (max-width: 768px){.sidebar{width:100%;margin-right:0;margin-bottom:20px;order:-1}}body{margin:0;padding:0}.feed-layout{display:flex;max-width:1200px;margin:60px auto 0;padding:20px;box-sizing:border-box}.feed-container{flex:1;overflow-y:auto;max-height:calc(100vh - 100px)}.feed-title{font-size:28px;color:#fff;background-color:#000000b3;padding:10px 20px;border-radius:5px;display:inline-block}.feed-header{text-align:center;margin-bottom:20px;padding:20px 0;background-color:#f0f0f0}.refresh-button{background-color:#4caf50;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;transition:background-color .3s}.refresh-button:hover{background-color:#45a049}.refresh-button:disabled{background-color:#ccc;cursor:not-allowed}.grid-layout{position:relative}.grid-item{transition:all .3s ease}.feed-item-content{width:100%;height:100%;overflow:hidden;position:relative;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feed-item-content:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.feed-item-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.feed-item-content:hover .feed-item-image{transform:scale(1.05)}.feed-item-overlay{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;padding:10px;display:flex;justify-content:space-between;align-items:center;opacity:0;transition:opacity .3s ease}.feed-item-content:hover .feed-item-overlay{opacity:1}.feed-item-link,.favorite-button{color:#fff;text-decoration:none;padding:5px 10px;border-radius:4px}.feed-item-link{background-color:#007bff}.favorite-button{background-color:transparent;border:none;font-size:24px;cursor:pointer}.favorite-button.favorited{color:gold}.image-tag{position:absolute;top:10px;right:10px;background-color:#fffc;color:#333;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600}.image-title{color:#fff;font-size:14px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.sidebar{width:250px;padding:20px;background-color:#f5f5f5;margin-right:20px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.sidebar h2{font-size:20px;color:#333;margin-bottom:15px}.favorites-list{list-style-type:none;padding:0}.favorite-item{display:flex;align-items:center;margin-bottom:15px;background-color:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.favorite-image{width:50px;height:50px;object-fit:cover;margin-right:10px;border-radius:4px}.favorite-title{font-size:14px;color:#333;text-decoration:none;flex:1}.favorite-title:hover{text-decoration:underline}.feed-loading{text-align:center;padding:20px;font-size:16px;color:#666}.load-more-button{display:block;margin:20px auto;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.load-more-button:hover{background-color:#0056b3}.feed-end{text-align:center;padding:20px;font-size:16px;color:#666}.feed-error{text-align:center;padding:20px;font-size:18px;color:#d32f2f}.item-enter{opacity:0;transform:scale(.9)}.item-enter-active{opacity:1;transform:scale(1);transition:opacity .3s,transform .3s}.item-exit{opacity:1;transform:scale(1)}.item-exit-active{opacity:0;transform:scale(.9);transition:opacity .3s,transform .3s}@media (max-width: 768px){.feed-layout{flex-direction:column;padding:10px}.sidebar{width:100%;margin-right:0;margin-bottom:20px;order:-1}.feed-container{max-height:none;overflow-x:hidden}.grid-layout{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important;height:auto!important}.grid-item{position:static!important;width:auto!important;height:auto!important;transform:none!important}.feed-item-content{aspect-ratio:1 / 1;width:100%;height:auto}.feed-item-image{width:100%;height:100%;object-fit:cover}.feed-title{font-size:24px;padding:8px 16px}.load-more-button{width:100%;max-width:200px}}.feed-container::-webkit-scrollbar{width:8px}.feed-container::-webkit-scrollbar-track{background:#f1f1f1}.feed-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.feed-container::-webkit-scrollbar-thumb:hover{background:#555}