.profile-page{color:#fff;background:linear-gradient(135deg,#0c0f15 0%,#1a1f2e 25%,#134e4a 50%,#1a1f2e 75%,#0c0f15 100%) 0 0/400% 400%;min-height:100vh;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;animation:20s infinite gradientShift;overflow-x:hidden}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.profile-container{max-width:1400px;margin:0 auto;padding:4rem 2rem 2rem}.profile-header{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;margin-bottom:4rem;padding:3rem 2rem;position:relative;overflow:hidden}.profile-header:before{content:"";pointer-events:none;background:radial-gradient(circle at top,#06b6d41a 0%,#0000 60%);position:absolute;inset:0}.profile-hero{z-index:1;flex-direction:column;align-items:center;gap:2rem;margin-bottom:3rem;display:flex;position:relative}.profile-avatar{border:4px solid #06b6d44d;border-radius:50%;width:120px;height:120px;transition:all .3s;overflow:hidden;box-shadow:0 8px 32px #06b6d433}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 12px 40px #06b6d44d}.profile-avatar img{object-fit:cover;width:100%;height:100%}.avatar-placeholder{color:#fff;background:linear-gradient(135deg,#0891b2 0%,#06b6d4 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;font-weight:700;display:flex}.profile-info{text-align:center}.profile-name{background:linear-gradient(135deg,#fff 0%,#0891b2 50%,#f59e0b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1.2}.profile-username{color:#fff9;margin-bottom:.5rem;font-size:1.2rem;font-weight:500}.profile-joined{color:#fff6;font-size:1rem;font-weight:400}.profile-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.create-drawing-btn{color:#fff;background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);border:1px solid #fff3;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #06b6d44d}.create-drawing-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.create-drawing-btn:hover{background:linear-gradient(135deg,#0891b2 0%,#0e7490 100%);transform:translateY(-2px);box-shadow:0 12px 35px #06b6d466}.create-drawing-btn:hover:before{left:100%}.create-drawing-btn:active{transform:translateY(0)}.create-drawing-btn svg{transition:transform .2s}.create-drawing-btn:hover svg{transform:rotate(90deg)}.share-profile-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.share-profile-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.share-profile-btn:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 12px 35px #ffffff1a}.share-profile-btn:hover:before{left:100%}.share-profile-btn:active{transform:translateY(0)}.share-profile-btn svg{transition:transform .2s}.share-profile-btn:hover svg{transform:scale(1.1)}.profile-stats{flex-wrap:wrap;justify-content:center;gap:3rem;margin-bottom:2rem;display:flex}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;min-width:120px;padding:1.5rem 2rem;transition:all .3s}.stat-card:hover{background:#ffffff14;border-color:#06b6d44d;transform:translateY(-5px);box-shadow:0 20px 40px #06b6d41a}.stat-number{color:#0891b2;margin-bottom:.5rem;font-size:2rem;font-weight:700;display:block}.stat-label{color:#fff9;font-size:.9rem;font-weight:500}.popular-styles{text-align:center}.popular-styles h4{color:#fffc;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.style-tags{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.style-badge{text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:20px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;transition:all .3s}.style-badge:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000004d}.style-realistic{background:linear-gradient(135deg,#10b981,#059669)}.style-oil-painting{background:linear-gradient(135deg,#f59e0b,#d97706)}.style-watercolor{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.style-anime{background:linear-gradient(135deg,#ec4899,#be185d)}.style-cartoon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.style-3d-render{background:linear-gradient(135deg,#06b6d4,#0891b2)}.style-pixel-art{background:linear-gradient(135deg,#f97316,#ea580c)}.style-sketch{background:linear-gradient(135deg,#6b7280,#4b5563)}.style-abstract{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.style-photorealistic{background:linear-gradient(135deg,#22c55e,#16a34a)}.style-impressionist{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.style-surreal{background:linear-gradient(135deg,#e879f9,#d946ef)}.style-minimalist{background:linear-gradient(135deg,#64748b,#475569)}.style-vintage{background:linear-gradient(135deg,#92400e,#78350f)}.style-cyberpunk{background:linear-gradient(135deg,#06ffa5,#00d4aa)}.profile-filters{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0f15cc;border-bottom:1px solid #ffffff1a;border-radius:20px;margin:0 auto 3rem;padding:2rem 0;position:sticky;top:0}.filter-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000004d}.filter-row{grid-template-columns:2fr 1fr;align-items:end;gap:1.5rem;display:grid}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{color:#fffc;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.search-input,.filter-select{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;padding:.875rem 1rem;font-size:.95rem;transition:all .3s}.search-input:focus,.filter-select:focus{background:#ffffff1f;border-color:#0891b2;outline:none;box-shadow:0 0 0 3px #0891b21a}.search-input::placeholder{color:#fff6}.filter-select option{color:#fff;background:#1a1f2e}.profile-gallery{margin-top:2rem}.gallery-grid{columns:1;column-fill:balance;column-gap:2rem}@media (min-width:768px){.gallery-grid{columns:2}}@media (min-width:1024px){.gallery-grid{columns:3}}@media (min-width:1400px){.gallery-grid{columns:4}}.gallery-item{break-inside:avoid;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;margin-bottom:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.gallery-item:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#06b6d41a 0%,#f59e0b1a 100%);transition:opacity .3s;position:absolute;inset:0}.gallery-item:hover{border-color:#06b6d44d;transform:translateY(-8px);box-shadow:0 25px 50px #0000004d,0 0 0 1px #06b6d41a}.gallery-item:hover:before{opacity:1}.artwork-container{position:relative;overflow:hidden}.gallery-artwork{border-radius:12px 12px 0 0;width:100%;height:auto;display:block}.gallery-artwork.gallery-slider{border-radius:12px 12px 0 0;overflow:hidden}.artwork-overlay{opacity:0;pointer-events:none;justify-content:space-between;align-items:flex-start;transition:opacity .3s;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.gallery-item:hover .artwork-overlay{opacity:1;pointer-events:auto}.artwork-badges{flex-direction:column;gap:.5rem;display:flex}.artwork-info{padding:1.5rem}.artwork-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.artwork-title{color:#fff;flex:1;margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.like-button{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.like-button:hover{color:#fff;background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.like-button.liked{color:#fff;background:linear-gradient(135deg,#ec4899,#be185d);border-color:#ec489980}.like-button svg{transition:transform .2s}.like-button:hover svg{transform:scale(1.1)}.artwork-meta{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.artwork-stats{align-items:center;gap:1rem;display:flex}.stat-item{color:#fff9;align-items:center;gap:.3rem;font-size:.85rem;display:flex}.generation-time{color:#ffffff80;background:#ffffff0d;border-radius:10px;padding:.2rem .6rem;font-size:.8rem}.profile-loading,.profile-error,.profile-empty{text-align:center;color:#fffc;padding:4rem 2rem}.profile-loading .loading-spinner,.loading-spinner{border:3px solid #ffffff1a;border-top-color:#0891b2;border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-error h3,.profile-empty h3{color:#ffffffe6;margin-bottom:1rem;font-size:1.5rem}.profile-error p,.profile-empty p{color:#fff9;font-size:1rem;line-height:1.5}.profile-footer{text-align:center;margin-top:3rem}.load-more-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0891b2 0%,#06b6d4 100%);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 8px 20px #0891b24d}.load-more-button:hover{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);transform:translateY(-2px);box-shadow:0 12px 30px #0891b266}.load-more-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:768px){.profile-container{padding:2rem 1rem 1rem}.profile-header{margin-bottom:2rem;padding:2rem 1rem}.profile-name{font-size:2rem}.profile-stats{gap:1.5rem}.stat-card{min-width:100px;padding:1rem 1.5rem}.stat-number{font-size:1.5rem}.profile-actions{margin-top:1.5rem}.create-drawing-btn{gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem}.create-drawing-btn svg{width:18px;height:18px}.share-profile-btn{gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem}.share-profile-btn svg{width:18px;height:18px}.filter-row{grid-template-columns:1fr;gap:1rem}.artwork-header{flex-direction:column;align-items:flex-start;gap:.5rem}.like-button{align-self:flex-end}}