.discovery-page{--bg-primary:#06060b;--bg-secondary:#0c0c14;--bg-card:#0c0c14;--bg-elevated:#141420;--bg-hover:#1c1c28;--text-primary:#fffe;--text-secondary:#ffffff80;--text-muted:#ffffff47;--accent:#a78bfa;--accent-hover:#c4b5fd;--border:#ffffff0d;--border-light:#ffffff1a;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-display:"Instrument Serif",Georgia,serif;--font-heading:"Space Grotesk",sans-serif;--font-body:"DM Sans",sans-serif;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-smooth:.3s cubic-bezier(.4,0,.2,1);--transition-spring:.5s cubic-bezier(.34,1.56,.64,1);background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #e9456066}50%{box-shadow:0 0 20px 4px #e9456026}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-fade-in{animation:.6s both fadeIn}.animate-fade-in-up{animation:.6s both fadeInUp}.animate-slide-right{animation:.4s cubic-bezier(.4,0,.2,1) both slideInRight}.animate-scale-in{animation:.3s both scaleIn}.nav{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-light);height:64px;transition:var(--transition-smooth);background:#050505d9;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:fixed;top:0;left:0;right:0}.nav-scrolled{background:#050505f2}.nav-logo{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);font-size:28px;font-weight:400;text-decoration:none}.nav-logo:hover{color:var(--accent)}.nav-logo span{color:var(--accent);font-style:italic}.nav-tabs{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);gap:4px;padding:3px;display:flex}.nav-tab{border-radius:var(--radius-full);font-family:var(--font-heading);letter-spacing:.3px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:7px 18px;font-size:13px;font-weight:500}.nav-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-tab.active{color:var(--text-primary);background:var(--bg-elevated);box-shadow:0 1px 3px #0000004d}.nav-right{align-items:center;gap:12px;display:flex}.nav-search{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:8px;min-width:220px;padding:8px 16px;display:flex}.nav-search:hover{background:var(--bg-elevated);border-color:#333}.nav-search-icon{color:var(--text-muted);font-size:14px}.nav-search-text{color:var(--text-muted);font-size:13px;font-family:var(--font-body)}.nav-search-kbd{background:var(--bg-hover);color:var(--text-muted);font-size:11px;font-family:var(--font-heading);border-radius:4px;margin-left:auto;padding:2px 6px}.btn-create{background:var(--accent);color:#fff;border-radius:var(--radius-full);font-family:var(--font-heading);letter-spacing:.3px;cursor:pointer;transition:var(--transition-fast);border:none;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-create:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #e945604d}.nav-avatar{background:linear-gradient(135deg,var(--accent),#6366f1);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;text-decoration:none;display:flex}.nav-avatar:hover{transform:scale(1.08)}.nav-icon-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.nav-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:#333}.nav-mobile-toggle{border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:none}.nav-mobile-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}@media (max-width:768px){.discovery-page .nav{padding:0 16px}.nav-tabs,.nav-search,.btn-create{display:none}.nav-mobile-toggle{display:flex}.masonry-container{padding:72px 12px 40px}}@media (max-width:500px){.masonry-container{padding:72px 8px 40px}}.search-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;padding-top:120px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.search-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(600px,100vw - 32px);max-height:480px;animation:.2s scaleIn;overflow:hidden;box-shadow:0 24px 64px #00000080}.search-input-wrap{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.search-input-wrap svg{color:var(--text-muted);flex-shrink:0}.search-input{font-size:16px;font-family:var(--font-body);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.search-input::placeholder{color:var(--text-muted)}.search-suggestions{padding:12px}.search-suggestion-label{font-size:11px;font-family:var(--font-heading);letter-spacing:1px;color:var(--text-muted);text-transform:uppercase;padding:4px 8px;font-weight:600}.search-suggestion-item{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;display:flex}.search-suggestion-item:hover{background:var(--bg-hover)}.search-tag{border-radius:var(--radius-full);background:var(--bg-hover);color:var(--text-secondary);padding:3px 10px;font-size:12px}.onboarding-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;animation:.6s both fadeInUp}.onboarding-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.onboarding-sub{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.onboarding-section-label{font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-top:16px;margin-bottom:10px;font-size:11px;font-weight:600}.onboarding-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--radius-full);font-size:12px;font-family:var(--font-heading);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);padding:6px 14px;font-weight:500}.chip:hover{color:var(--text-primary);border-color:#444}.chip.selected{background:var(--accent);border-color:var(--accent);color:#fff}.onboarding-progress{align-items:center;gap:12px;margin-top:20px;display:flex}.onboarding-bar{background:var(--border);border-radius:2px;flex:1;height:3px;overflow:hidden}.onboarding-bar-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .4s}.onboarding-count{color:var(--text-muted);font-size:12px;font-family:var(--font-heading)}.masonry-container{max-width:1600px;margin:0 auto;padding:80px 24px 40px}.masonry-grid{columns:4;column-gap:16px}.masonry-grid>div{break-inside:avoid;margin-bottom:16px}@media (max-width:1200px){.masonry-grid{columns:3}}@media (max-width:800px){.masonry-grid{columns:2}}@media (max-width:500px){.masonry-grid{columns:1}}.card-wrapper{break-inside:avoid;width:100%;animation:.6s both fadeInUp}.card{border-radius:var(--radius-md);cursor:pointer;background:var(--bg-card);transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 16px 48px #0006}.card-image{width:100%;display:block;position:relative}.card-gradient{pointer-events:none;opacity:0;background:linear-gradient(#0000 0%,#000000d9 100%);height:60%;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.card:hover .card-gradient{opacity:1}.card-info{opacity:0;padding:16px;transition:all .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.card:hover .card-info{opacity:1;transform:translateY(0)}.card-brand{font-family:var(--font-heading);letter-spacing:1.5px;text-transform:uppercase;color:#fff9;margin-bottom:4px;font-size:10px;font-weight:600}.card-title{font-family:var(--font-display);color:#fff;margin-bottom:8px;font-size:18px;line-height:1.2}.card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card-tag{border-radius:var(--radius-full);font-size:10px;font-family:var(--font-heading);color:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;padding:2px 8px;font-weight:500}.card-tag.accent{background:var(--accent);color:#fff}.card-save-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:0;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s;display:flex;position:absolute;top:12px;left:12px}.card:hover .card-save-btn{opacity:1}.card-save-btn:hover{background:var(--accent);transform:scale(1.1)}.card-save-btn.saved{opacity:1;background:var(--accent)}.detail-overlay{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;animation:.3s fadeIn;position:fixed;inset:0}.detail-panel{background:var(--bg-primary);z-index:151;animation:.3s fadeIn;position:fixed;inset:0;overflow-y:auto}.detail-close{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;border-bottom:1px solid var(--border-light);background:#050505e6;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.detail-close-btn{background:var(--bg-elevated);border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.detail-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.detail-actions{gap:8px;display:flex}.detail-action-btn{border-radius:var(--radius-full);font-size:12px;font-family:var(--font-heading);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:6px;padding:7px 14px;font-weight:500;display:flex}.detail-action-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:#444}.detail-action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.detail-action-btn.primary:hover{background:var(--accent-hover)}.detail-hero{aspect-ratio:16/9;width:100%;max-height:70vh;position:relative;overflow:hidden}.detail-hero-img{object-fit:cover;width:100%;height:100%}.detail-body{max-width:900px;margin:0 auto;padding:32px 28px}.detail-badge-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.detail-badge{border-radius:var(--radius-full);font-size:11px;font-family:var(--font-heading);border:1px solid var(--border);color:var(--text-secondary);padding:4px 12px;font-weight:500}.detail-campaign-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:36px;line-height:1.15}@media (max-width:600px){.detail-campaign-title{font-size:24px}.detail-body{padding:20px 16px}.detail-cta{padding:20px}}.detail-brand{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:24px;font-size:14px;font-weight:500}.detail-brand strong{color:var(--text-primary);font-weight:600}.detail-section-label{font-family:var(--font-heading);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);margin-top:32px;margin-bottom:12px;font-size:11px;font-weight:600}.detail-concept{color:var(--text-secondary);font-size:15px;line-height:1.7}.detail-metrics{background:var(--border);border-radius:var(--radius-md);flex-wrap:wrap;gap:1px;margin-top:12px;display:flex;overflow:hidden}.detail-metric{background:var(--bg-card);text-align:center;flex:calc(33.333% - 1px);padding:20px}.detail-metric-value{font-family:var(--font-heading);color:var(--text-primary);font-size:20px;font-weight:700}.detail-metric-label{color:var(--text-muted);font-size:11px;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.detail-gallery{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.detail-gallery-item{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);overflow:hidden}.detail-gallery-item:hover{opacity:.8;transform:scale(1.02)}.detail-gallery-item img{object-fit:cover;width:100%;height:100%}.creator-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition-fast);align-items:flex-start;gap:16px;margin-top:12px;padding:20px;display:flex}.creator-card:hover{border-color:#333}.creator-avatar-lg{width:56px;height:56px;font-family:var(--font-heading);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.creator-info{flex:1}.creator-name-row{align-items:center;gap:8px;margin-bottom:2px;display:flex}.creator-name{font-family:var(--font-heading);color:var(--text-primary);font-size:15px;font-weight:600}.creator-verified{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}.creator-specialty{color:var(--text-secondary);margin-bottom:8px;font-size:13px}.creator-stats{gap:16px;margin-bottom:12px;display:flex}.creator-stat{color:var(--text-muted);font-size:12px;font-family:var(--font-heading)}.creator-stat strong{color:var(--text-primary);font-weight:600}.creator-btns{gap:8px;display:flex}.creator-btn{border-radius:var(--radius-full);font-size:12px;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-fast);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);padding:6px 16px;font-weight:600}.creator-btn:hover{color:var(--text-primary);border-color:#444}.creator-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.creator-btn.primary:hover{background:var(--accent-hover)}.related-scroll{gap:12px;margin-top:12px;padding-bottom:8px;display:flex;overflow-x:auto}.related-scroll::-webkit-scrollbar{height:4px}.related-card{border-radius:var(--radius-md);cursor:pointer;width:180px;transition:var(--transition-fast);background:var(--bg-card);flex-shrink:0;overflow:hidden}.related-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.related-card-img{object-fit:cover;width:100%;height:120px}.related-card-info{padding:10px}.related-card-title{color:var(--text-primary);margin-bottom:2px;font-size:12px;font-weight:500}.related-card-brand{color:var(--text-muted);font-size:10px}.detail-cta{border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#e9456014 0%,#6366f114 100%);border:1px solid #e9456033;margin-top:40px;padding:32px}.detail-cta-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:28px;font-style:italic}.detail-cta-sub{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.detail-cta-btns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.detail-cta-btn{border-radius:var(--radius-full);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-fast);border:none;padding:10px 24px;font-size:13px;font-weight:600}.detail-cta-btn.primary{background:var(--accent);color:#fff}.detail-cta-btn.primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.detail-cta-btn.secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.detail-cta-btn.secondary:hover{border-color:#444}.collections-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:24px;display:grid}.collection-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:var(--transition-fast);overflow:hidden}.collection-card:hover{border-color:#333;transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}.collection-covers{aspect-ratio:2;grid-template-columns:1fr 1fr;gap:2px;display:grid}.collection-cover-item{overflow:hidden}.collection-cover-item div{width:100%;height:100%}.collection-info{padding:16px}.collection-name{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:600}.collection-count{color:var(--text-muted);font-size:12px}.filter-bar{gap:8px;max-width:1600px;margin:0 auto;padding:16px 24px;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{border-radius:var(--radius-full);font-size:12px;font-family:var(--font-heading);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;flex-shrink:0;padding:6px 14px;font-weight:500}.filter-chip:hover{color:var(--text-primary);border-color:#444}.filter-chip.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.skeleton{background:linear-gradient(90deg,var(--bg-card)25%,var(--bg-elevated)50%,var(--bg-card)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}