@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400&display=swap";:root{--bg-cream:#fbf6ef;--bg-white:#fff;--text-dark:#0b1a30;--text-muted:#626a7a;--gold:#bca06c;--gold-light:#f6f1e6;--red:#e24b4a;--red-hover:#c93e3d;--border-light:#0000000d;--border-accent:#bca06c33;--shadow-sm:0 2px 8px #0b1a300a;--shadow-md:0 10px 24px #0b1a3014;--shadow-lg:0 20px 40px #0b1a301f;--sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--serif:"Playfair Display", Georgia, Cambria, "Times New Roman", Times, serif;font-family:var(--sans);background-color:var(--bg-cream);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0}body{background-color:var(--bg-cream);min-height:100vh;margin:0;padding:0}*{box-sizing:border-box;transition:background-color .2s,border-color .2s,transform .2s}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-cream)}::-webkit-scrollbar-thumb{background:#e0d8cc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.glassmorphism{-webkit-backdrop-filter:blur(12px);background:#ffffffd9}.masonry-grid{grid-gap:24px;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));display:grid}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.interactive-hover:hover{box-shadow:var(--shadow-md);border-color:#bca06c66;transform:translateY(-4px)}.skeleton-shimmer{background:linear-gradient(90deg,#f6f1e6 25%,#ede6d9 50%,#f6f1e6 75%) 0 0/200% 100%;animation:1.6s linear infinite shimmer}.app-container{background-color:var(--bg-cream);min-height:100vh;display:flex}.app-content-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.hide-on-mobile{display:block}.show-on-mobile,.flex-show-on-mobile{display:none}@media (width<=768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.flex-show-on-mobile{display:flex!important}.app-container{flex-direction:column!important}.app-content-wrapper{padding-bottom:72px!important}.masonry-grid{grid-gap:12px!important;grid-template-columns:repeat(2,1fr)!important;padding:0 4px!important}.app-header{height:70px!important;padding:12px 16px!important}.header-actions{gap:12px!important}.search-input{padding:10px 16px 10px 38px!important;font-size:14px!important}.wishlist-btn{gap:4px!important;padding:6px 4px!important}}.feed-container{max-width:1440px;margin:0 auto;padding:24px 40px}.hero-banner{background-image:url(/clothing_rack_banner_new.png);background-position:50%;background-size:cover;border-radius:24px;align-items:center;min-height:280px;margin-bottom:40px;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:10;flex-direction:column;justify-content:center;width:55%;padding:40px 48px;display:flex}@media (width<=768px){.feed-container{padding:16px 12px!important}.hero-banner{background-position:right 30% center!important;min-height:180px!important;margin-bottom:24px!important}.hero-overlay{-webkit-backdrop-filter:blur(6px)!important;background:#fbf6efd9!important;width:100%!important;padding:24px 16px!important}.hero-overlay h1{font-size:26px!important}}.pindetail-container{max-width:1100px;margin:0 auto;padding:24px 40px}.pindetail-card{background-color:#fff;border:1px solid #e6dfd3;border-radius:24px;flex-wrap:wrap;margin-bottom:48px;display:flex;overflow:hidden;box-shadow:0 4px 24px #00000008}.pindetail-image-col{background-color:#fdfaf6;border-right:1px solid #e6dfd3;flex:500px;justify-content:center;align-items:center;min-height:450px;padding:24px;display:flex}.pindetail-details-col{flex-direction:column;flex:450px;justify-content:space-between;padding:40px 48px;display:flex}@media (width<=768px){.pindetail-container{padding:16px 12px!important}.pindetail-card{border-radius:16px!important;flex-direction:column!important;margin-bottom:24px!important}.pindetail-image-col{border-bottom:1px solid #e6dfd3!important;border-right:none!important;min-height:300px!important;padding:16px!important}.pindetail-details-col{gap:20px!important;padding:24px 16px!important}}.profile-container{max-width:1000px;margin:0 auto;padding:40px 24px}.profile-meta-row{justify-content:space-between;align-items:flex-start;margin-top:-60px;padding:0 40px;display:flex;position:relative}.profile-stats{gap:40px;margin-top:40px;display:flex}.profile-bio-box{margin-top:16px;padding:0 40px 32px}.profile-name-row{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 2px;display:flex}.profile-actions-row{align-items:center;gap:12px;display:flex}@media (width<=768px){.profile-container{padding:16px 12px!important}.profile-meta-row{flex-direction:column!important;align-items:center!important;gap:16px!important;margin-top:-50px!important;padding:0 16px!important}.profile-stats{justify-content:space-around!important;gap:20px!important;width:100%!important;margin-top:8px!important}.profile-bio-box{text-align:center!important;flex-direction:column!important;align-items:center!important;padding:0 16px 20px!important;display:flex!important}.profile-name-row,.profile-actions-row{justify-content:center!important}}.create-pin-container{max-width:1000px;margin:0 auto;padding:40px}.create-pin-grid{flex-wrap:wrap;align-items:flex-start;gap:40px;display:flex}@media (width<=768px){.create-pin-container{padding:16px 12px!important}.create-pin-grid{flex-direction:column!important;gap:20px!important}.create-pin-grid>div{flex:100%!important;width:100%!important}}.settings-container{max-width:800px;margin:0 auto;padding:40px}@media (width<=768px){.settings-container{padding:16px 12px!important}}.settings-card{background-color:#fff;border:1px solid #e6dfd3;border-radius:24px;padding:40px 48px;box-shadow:0 4px 24px #00000008}@media (width<=768px){.settings-card{padding:24px 16px!important}}