.collect-page{display:grid;grid-gap:18px;gap:18px;width:min(100%,1280px);margin:0 auto}.collect-shell{display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(0,1fr) 300px;align-items:start}.collect-main{display:grid;grid-gap:22px;gap:22px;min-width:0}.collect-hero{gap:18px;justify-content:space-between}.collect-hero,.collect-hero-title{display:flex;align-items:flex-start}.collect-hero-title{gap:14px}.collect-hero-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#7c3aed,#4f46e5);box-shadow:0 0 24px rgb(124 58 237/35%);flex:none}.collect-action-icon svg,.collect-category svg,.collect-hero-icon svg,.collect-search-wrap svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.collect-hero-icon svg{stroke:#fff}.collect-hero h1{margin:0;font-size:clamp(1.7rem,2.4vw,2.15rem);line-height:1.1}.collect-hero p{margin:8px 0 0;max-width:42rem;color:var(--color-text-secondary);font-size:.95rem;line-height:1.45}.collect-search-wrap{display:flex;gap:10px;align-items:center;min-width:min(100%,360px);min-height:48px;padding:0 14px;border:1px solid color-mix(in srgb,var(--color-border) 80%,#7c3aed);border-radius:999px;background:color-mix(in srgb,var(--color-surface) 88%,#12081f);color:var(--color-text-secondary)}.collect-search{flex:1 1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:none}.collect-search-wrap kbd{padding:3px 8px;border:1px solid var(--color-border);border-radius:8px;font-size:11px;color:var(--color-text-muted,var(--color-text-secondary))}.collect-actions{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.collect-action{display:flex;gap:12px;align-items:center;min-height:92px;padding:16px;border:1px solid color-mix(in srgb,#8b5cf6 55%,var(--color-border));border-radius:18px;background:linear-gradient(180deg,rgb(139 92 246/10%),transparent 55%),color-mix(in srgb,var(--color-surface) 92%,#160b28);box-shadow:0 0 0 1px rgb(139 92 246/8%),0 10px 30px rgb(8 4 20/25%);color:inherit;text-decoration:none;text-align:left;cursor:pointer;font:inherit}.collect-action:hover{border-color:#a78bfa;box-shadow:0 0 24px rgb(139 92 246/22%)}.collect-action-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgb(139 92 246/16%);color:#c4b5fd;flex:none}.collect-action strong{display:block;font-size:.98rem}.collect-action small{display:block;margin-top:4px;color:var(--color-text-secondary);font-size:.78rem;line-height:1.35}.collect-feature-block{display:grid;grid-gap:12px;gap:12px}.collect-feature-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.collect-categories h2,.collect-feature-head h2,.collect-promo h2,.collect-rail-card h2{margin:0;font-size:1rem}.collect-feature-nav{display:flex;gap:8px}.collect-feature-nav button{width:36px;height:36px;border:1px solid #3b2460;border-radius:999px;background:#1c1230;color:#fff;font-size:20px;line-height:1;cursor:pointer}.collect-feature{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);min-height:250px;overflow:hidden;border:1px solid color-mix(in srgb,#8b5cf6 35%,var(--color-border));border-radius:22px;background:#12091f;box-shadow:0 16px 40px rgb(8 4 20/35%)}.collect-feature-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45}.collect-feature-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgb(10 6 20/92%),rgb(10 6 20/72%) 48%,rgb(10 6 20/28%)),linear-gradient(180deg,transparent,rgb(10 6 20/55%))}.collect-feature-body{position:relative;z-index:1;display:grid;grid-gap:12px;gap:12px;align-content:end;padding:24px}.collect-card-user,.collect-feature-user{display:flex;gap:10px;align-items:center}.collect-avatar,.collect-card-user img,.collect-feature-user img{width:42px;height:42px;border-radius:999px;object-fit:cover;background:var(--color-surface);flex:none}.collect-card-user strong,.collect-feature-user strong{display:block;font-size:.95rem}.collect-card-user small,.collect-feature-user small{color:#d1d5db;font-size:.78rem}.collect-feature-body h3{margin:0;font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.15}.collect-feature-body p{margin:0;max-width:36rem;color:#d1d5db;font-size:.92rem;line-height:1.45}.collect-card-actions,.collect-feature-cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.collect-feature-previews{position:relative;z-index:1;display:flex;gap:10px;align-items:end;justify-content:end;padding:22px}.collect-feature-previews img{width:min(34%,118px);aspect-ratio:3/4;object-fit:cover;border:1px solid rgb(255 255 255/18%);border-radius:14px;box-shadow:0 14px 28px rgb(0 0 0/45%);transform:translateY(8px) rotate(2deg)}.collect-feature-previews img:nth-child(2){transform:translateY(-6px) rotate(-3deg)}.collect-feature-previews img:nth-child(3){transform:translateY(14px) rotate(4deg)}.collect-dots{display:flex;gap:6px;justify-content:center}.collect-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:var(--color-border);cursor:pointer}.collect-dots button[aria-current=true]{width:18px;background:#a78bfa}.collect-categories{display:grid;grid-gap:12px;gap:12px}.collect-category-row,.collect-sort{display:flex;flex-wrap:wrap;gap:8px}.collect-category,.collect-sort button{display:inline-flex;gap:8px;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--color-surface) 90%,#10081c);color:inherit;font:inherit;font-size:.86rem;cursor:pointer}.collect-category[aria-pressed=true],.collect-sort button[aria-pressed=true]{border-color:transparent;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;font-weight:700;box-shadow:0 0 18px rgb(124 58 237/28%)}.collect-grid{list-style:none;margin:0;padding:0;display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.collect-card{overflow:hidden;border:1px solid color-mix(in srgb,#8b5cf6 28%,var(--color-border));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 88%,#1a0f2e),var(--color-surface));box-shadow:0 12px 28px rgb(8 4 20/22%)}.collect-card-cover{position:relative;display:block;height:128px;overflow:hidden;background:#160b24}.collect-card-cover img,.collect-card-fallback{width:100%;height:100%;object-fit:cover}.collect-card-fallback{display:block;background:linear-gradient(135deg,#2e1065,#1e1b4b)}.collect-card-shade{position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(transparent,rgb(8 4 18/75%))}.collect-card-body{display:grid;grid-gap:12px;gap:12px;padding:14px}.collect-tags{display:flex;flex-wrap:wrap;gap:6px}.collect-tags span{padding:4px 10px;border-radius:999px;background:rgb(139 92 246/14%);color:#ddd6fe;font-size:.72rem}.collect-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:0;border-radius:999px;font:inherit;font-size:.82rem;font-weight:700;text-decoration:none;cursor:pointer}.collect-btn.primary{background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;box-shadow:0 0 18px rgb(124 58 237/28%)}.collect-btn.ghost,.collect-btn.outline{border:1px solid #a78bfa;background:transparent;color:#ddd6fe}.collect-btn.light{background:#fff;color:#4c1d95}.collect-btn.wide{width:100%}.collect-rail{display:grid;grid-gap:14px;gap:14px;position:-webkit-sticky;position:sticky;top:18px}.collect-promo,.collect-rail-card{padding:16px;border:1px solid color-mix(in srgb,#8b5cf6 28%,var(--color-border));border-radius:18px;background:color-mix(in srgb,var(--color-surface) 92%,#140a22)}.collect-stats{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0}.collect-stats div{display:grid;grid-gap:2px;gap:2px;text-align:center}.collect-stats strong{font-size:1.05rem}.collect-stats span{color:var(--color-text-secondary);font-size:.72rem}.collect-activity{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-gap:12px;gap:12px}.collect-activity li{display:flex;gap:10px;align-items:start;justify-content:space-between}.collect-activity p{margin:0;color:var(--color-text-secondary);font-size:.8rem;line-height:1.4}.collect-activity-covers{display:flex;gap:4px;flex:none}.collect-activity-covers img{width:28px;height:36px;object-fit:cover;border-radius:6px}.collect-rail-empty{margin:12px 0 0;color:var(--color-text-secondary);font-size:.82rem}.collect-promo{background:radial-gradient(circle at 85% 20%,rgb(192 132 252/28%),transparent 40%),linear-gradient(160deg,#5b21b6,#312e81 70%);border-color:transparent;color:#f5f3ff}.collect-promo p{margin:8px 0 14px;color:#e9d5ff;font-size:.84rem;line-height:1.4}.collect-empty{color:var(--color-text-secondary);text-align:center}.collect-empty button{border:0;background:transparent;color:var(--color-purple-neon);font:inherit;font-weight:700;cursor:pointer}.collect-wait{display:grid;place-items:center;min-height:220px}.collect-spin{width:28px;height:28px;border:3px solid color-mix(in srgb,var(--color-purple) 28%,var(--color-border));border-top-color:var(--color-purple-bright);border-radius:50%;animation:collect-turn .8s linear infinite}@keyframes collect-turn{to{transform:rotate(1turn)}}@media (max-width:1100px){.collect-shell{grid-template-columns:1fr}.collect-rail{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:860px){.collect-hero{flex-direction:column}.collect-search-wrap{width:100%;min-width:0}.collect-actions,.collect-feature,.collect-grid,.collect-rail{grid-template-columns:1fr}.collect-feature{min-height:0}.collect-feature-previews{display:none}}@media (max-width:560px){.collect-action{min-height:0}.collect-feature-body{padding:18px}}