body{background:#0f0f0f;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative}.main{max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #2a2a2a}.title{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.subtitle{color:#888;font-size:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:1.5rem;gap:1.5rem}.card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);border-color:#4a4a6a;box-shadow:0 8px 30px rgba(102,126,234,.15)}.imageWrapper{position:relative;width:100%;padding-top:100%;overflow:hidden;background:#111}.image{object-fit:cover}.imagePlaceholder{height:200px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#555;font-size:2rem}.cardBody{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;flex:1 1}.promptText{font-size:.875rem;color:#ccc;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;word-break:break-word;flex:1 1}.cardMeta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.stats{display:flex;gap:.75rem;font-size:.8rem;color:#777}.copyBtn{background:#2a2a4a;color:#a0a0d0;border:1px solid #3a3a5a;border-radius:8px;padding:.35rem .75rem;font-size:.8rem;cursor:pointer;transition:background .2s,color .2s;white-space:nowrap}.copyBtn:hover{background:#3a3a6a;color:#d0d0ff}.copyBtn.copied{background:#1a3a2a;color:#60d080;border-color:#2a5a3a}.authorRow{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid #222;font-size:.8rem}.authorLink{color:#667eea;text-decoration:none;font-weight:500}.authorLink:hover{text-decoration:underline}.originalLink{color:#888;text-decoration:none}.originalLink:hover{color:#aaa}.empty{text-align:center;color:#555;padding:4rem 0;font-size:1.1rem}@media (max-width:640px){.main{padding:1rem}.title{font-size:1.8rem}.grid{grid-template-columns:1fr}}.hero{position:relative;text-align:center;padding:clamp(4rem,9vw,6.5rem) 1rem clamp(3rem,7vw,4.5rem);margin-bottom:2.5rem;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(102,126,234,.18) 0,transparent 60%),linear-gradient(180deg,#131320,#0f0f14);border:1px solid hsla(0,0%,100%,.06)}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;pointer-events:none;animation:heroDrift 16s ease-in-out infinite}.hero-glow-1{width:460px;height:460px;background:#667eea;top:-140px;left:8%}.hero-glow-2{width:380px;height:380px;background:#a855f7;bottom:-120px;right:6%;animation-delay:-6s}.hero-glow-3{width:300px;height:300px;background:#ec4899;top:20%;left:52%;opacity:.35;animation-delay:-11s}@keyframes heroDrift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(34px,-22px) scale(1.06)}66%{transform:translate(-24px,16px) scale(.94)}}.hero-content{position:relative;z-index:2}.hero-content h1,.hero-content p{margin:0}.hero-content .hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;letter-spacing:.22em;text-transform:uppercase;color:#a5b4fc;font-weight:600;margin-bottom:.8rem}.hero-content .hero-brand{font-size:clamp(4.2rem,13vw,8.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin:0 0 1rem;padding-bottom:.08em;background:linear-gradient(120deg,#fff,#c7d2fe 25%,#a78bfa 50%,#f0abfc 75%,#fff);background-size:220% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:brandShine 7s linear infinite;filter:drop-shadow(0 8px 40px rgba(102,126,234,.25))}@keyframes brandShine{to{background-position:220%}}.hero-content .hero-tagline{font-size:clamp(1rem,2.3vw,1.35rem);color:#d6d9f0;font-weight:500;margin-bottom:1.6rem;line-height:1.6}.hero-btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:999px;padding:.8rem 2.2rem;font-size:.95rem;font-weight:600;text-decoration:none;box-shadow:0 8px 30px rgba(102,126,234,.35);transition:all .25s ease}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(102,126,234,.5)}.hero-btn-ghost{display:inline-flex;align-items:center;gap:.5rem;background:hsla(0,0%,100%,.04);color:#c0c0d8;border:1px solid hsla(0,0%,100%,.14);border-radius:999px;padding:.8rem 2.2rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .25s ease}.hero-btn-ghost:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.3)}.album-list{display:flex;flex-direction:column;gap:1.4rem}.album{position:relative;display:flex;flex-direction:row;width:100%;height:clamp(340px,44vw,500px);border-radius:24px;overflow:hidden;border:1px solid hsla(0,0%,100%,.09);padding:0;text-align:left;color:#fff;background:#141420;box-shadow:0 18px 60px rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease}.album:hover{transform:translateY(-6px) scale(1.004);box-shadow:0 34px 90px rgba(102,126,234,.28);border-color:rgba(167,139,250,.45)}.album-cover{position:relative;width:clamp(260px,42%,440px);flex-shrink:0;overflow:hidden;background:#11111f}.album-cover-bg,.album-cover-main{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}.album-cover-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(10,10,18,.5),transparent 40%)}.album-fallback{position:absolute;inset:0;align-items:center;font-size:4rem;color:#555;background:linear-gradient(135deg,#1b1b2f,#2a2a4a)}.album-body,.album-fallback{display:flex;justify-content:center}.album-body{flex:1 1;min-width:0;flex-direction:column;padding:clamp(1.4rem,3vw,2.6rem);position:relative}.album-kicker{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:#a5b4fc;font-weight:700;margin-bottom:.6rem;opacity:.9}.album-title{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:900;line-height:1.08;margin-bottom:.6rem;letter-spacing:-.01em}.album-desc{font-size:.95rem;color:hsla(0,0%,100%,.78);max-width:600px;line-height:1.6;margin-bottom:1.1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.album-minis{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.album-mini-img{width:clamp(64px,7.5vw,92px);height:clamp(64px,7.5vw,92px);border-radius:14px;object-fit:cover;cursor:pointer;background:#1b1b2f;box-shadow:0 8px 24px rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.album-mini-img:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 34px rgba(0,0,0,.55)}.album-mini-enter{width:clamp(64px,7.5vw,92px);height:clamp(64px,7.5vw,92px);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;cursor:pointer;background:hsla(0,0%,100%,.05);border:1px dashed hsla(0,0%,100%,.18);color:#a5b4fc;transition:all .35s cubic-bezier(.22,1,.36,1)}.album-mini-enter:hover{background:rgba(167,139,250,.18);border-color:rgba(167,139,250,.5);color:#fff;transform:translateY(-4px)}.album-mini-enter-text{font-size:.72rem;font-weight:600;letter-spacing:.02em}.album-mini-enter-arrow{font-size:1.1rem;line-height:1;transition:transform .35s ease}.album-mini-enter:hover .album-mini-enter-arrow{transform:translateX(4px)}.reveal{opacity:0;transform:translateY(44px) scale(.975);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease;will-change:opacity,transform}.reveal.in-view{opacity:1;transform:none}@media (max-width:640px){.hero{border-radius:20px}.album{flex-direction:column;height:auto;border-radius:18px}.album-cover{width:100%;height:clamp(220px,62vw,300px)}.album-body{padding:1.2rem 1.2rem 1.4rem}.album-minis{gap:.5rem;margin-top:1rem}.album-mini-enter,.album-mini-img{width:clamp(64px,20vw,84px);height:clamp(64px,20vw,84px)}.album-desc{font-size:.85rem;-webkit-line-clamp:2}}