body{background:#0f0f0f;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;position:relative;margin:0;padding-top:64px}@media (max-width:640px){body{padding-top:56px}}.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;padding-top:clamp(1.5rem,4vw,4rem);padding-bottom:clamp(2rem,5vw,4rem)}.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}}.topbar{position:fixed;top:0;left:0;right:0;z-index:300;height:64px;background:rgba(10,10,20,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.07);pointer-events:auto}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(102,126,234,.5) 50%,transparent);pointer-events:none}.topbar-inner{max-width:80rem;margin:0 auto;height:100%;padding:0 1.5rem;justify-content:space-between;gap:1rem}.topbar-inner,.topbar-left{display:flex;align-items:center;min-width:0}.topbar-left{overflow-x:auto;scrollbar-width:none}.topbar-left::-webkit-scrollbar{display:none}.topbar-logo{font-size:1.18rem;font-weight:800;letter-spacing:-.02em;color:#fff;text-decoration:none;background:linear-gradient(135deg,#a5b4fc,#f0abfc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0}.topbar-nav{display:flex;align-items:center;gap:1.1rem;min-width:0}.topbar-nav-link{color:#9aa0c8;font-size:.88rem;font-weight:600;text-decoration:none;padding:.3rem .1rem;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.topbar-nav-link:hover{color:#e6e8ff}.topbar-nav-link.active{color:#fff;border-bottom-color:#667eea}.topbar-right{display:flex;gap:.6rem;min-width:0}.topbar-discord,.topbar-right{align-items:center;flex-shrink:0}.topbar-discord{display:inline-flex;gap:.45rem;height:34px;box-sizing:border-box;padding:0 .9rem;border-radius:999px;background:rgba(88,101,242,.16);border:1px solid rgba(88,101,242,.45);color:#aab0ff;font-size:.8rem;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;white-space:nowrap;overflow:hidden}.topbar-discord:hover{background:#5865f2;border-color:#5865f2;color:#fff}.topbar-discord svg{flex-shrink:0}.topbar-discord-text{overflow:hidden;text-overflow:ellipsis}.topbar-lang{background:rgba(26,26,46,.75);color:#cfd0e8;border:1px solid hsla(0,0%,100%,.13);border-radius:999px;height:34px;box-sizing:border-box;padding:0 .75rem;font-size:.8rem;font-weight:600;cursor:pointer;outline:none;font-family:inherit;flex-shrink:0;max-width:34vw}.topbar-lang option{color:#1a1a2e}.topbar-user{display:flex;align-items:center;gap:.5rem;min-width:0}.topbar-btn{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;height:34px;box-sizing:border-box;padding:0 .85rem;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit;white-space:nowrap}.topbar-btn-gold{background:linear-gradient(135deg,#f6d365,#fda085);color:#1a1a2e;box-shadow:0 2px 12px hsla(46,89%,68%,.35)}.topbar-btn-gold:hover{transform:scale(1.04);box-shadow:0 4px 18px hsla(46,89%,68%,.5)}.topbar-btn-outline{background:transparent;color:#f6d365;border:1px solid hsla(46,89%,68%,.5)}.topbar-btn-outline:hover{background:hsla(46,89%,68%,.12);border-color:#f6d365}.topbar-btn-login{background:#fff;color:#1a1a2e;box-shadow:0 2px 12px hsla(0,0%,100%,.15)}.topbar-btn-login:disabled{background:#2a2a4a;color:#888}.topbar-btn-ghost{background:rgba(22,22,42,.7);color:#668;border:1px solid #2a2a4a;font-size:.75rem}.topbar-btn-ghost:hover{color:#ff6b6b;border-color:#4a2a2a}.topbar-credits{display:inline-flex;align-items:center;gap:.35rem;height:34px;box-sizing:border-box;padding:0 .85rem;border-radius:999px;background:hsla(46,89%,68%,.1);border:1px solid hsla(46,89%,68%,.45);color:#f6d365;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.topbar-credits:hover{background:hsla(46,89%,68%,.2);border-color:#f6d365}.topbar-credits-icon{font-size:.85rem}.topbar-credits-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.topbar-pro{font-weight:800;letter-spacing:.02em;text-decoration:none}.topbar-avatar{display:inline-flex;align-items:center;gap:.4rem;height:34px;text-decoration:none;cursor:pointer;min-width:0;flex-shrink:0}.topbar-avatar-img{width:30px;height:30px;border-radius:50%;border:2px solid #667eea;object-fit:cover;flex-shrink:0}.topbar-avatar-fallback{width:30px;height:30px;border-radius:50%;background:#667eea;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:600;flex-shrink:0}.topbar-username{color:#aac;font-size:.85rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:900px){.topbar-inner{padding:0 .9rem;gap:.6rem}.topbar-left{gap:1rem;min-width:0;overflow-x:auto;scrollbar-width:none}.topbar-left::-webkit-scrollbar{display:none}.topbar-nav{gap:.8rem}.topbar-discord-text,.topbar-username{display:none}.topbar-discord{width:34px;padding:0;justify-content:center;border-radius:50%}}@media (max-width:640px){.topbar{height:56px}body{padding-top:56px}.topbar-inner{padding:0 .6rem;gap:.5rem}.topbar-logo{font-size:1.05rem}.topbar-nav-link{font-size:.8rem}.topbar-btn-label{display:none}.topbar-btn{padding:0 .6rem;font-size:.75rem}.topbar-lang{font-size:.72rem;padding:0 .45rem;max-width:none}.topbar-right{gap:.35rem}.topbar-credits{padding:0 .6rem;font-size:.75rem}.topbar-user{gap:.35rem}.topbar-btn-ghost,.topbar-btn-outline{display:none}}@media (max-width:420px){.topbar{height:auto}body{padding-top:100px}.topbar-inner{flex-wrap:wrap;padding:0 .6rem;row-gap:0}.topbar-logo{order:1;height:56px;display:inline-flex;align-items:center}.topbar-right{order:2;flex:1 1;height:56px;justify-content:flex-end}.topbar-left{order:3;width:100%;border-top:1px solid hsla(0,0%,100%,.06)}.topbar-nav{width:100%;gap:1.2rem;overflow-x:auto;padding:.55rem .2rem;scrollbar-width:none}.topbar-nav::-webkit-scrollbar{display:none}.topbar-nav-link{font-size:.8rem;padding:.2rem 0}}@media (max-width:900px){.comic-layout{flex-direction:column}.comic-side,.comic-stage{width:100%!important;flex-shrink:1!important;min-width:0!important;box-sizing:border-box!important}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.carousel{position:absolute;inset:0}.carousel .carousel-img{transition:opacity .5s ease;object-fit:cover}.carousel-count{top:10px;right:10px;background:rgba(0,0,0,.62);font-size:.72rem;font-weight:600;padding:2px 9px;border-radius:999px;pointer-events:none}.carousel-arrow,.carousel-count{position:absolute;z-index:3;color:#fff}.carousel-arrow{top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;background:rgba(0,0,0,.5);font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;padding-bottom:3px}.carousel-arrow:hover{background:rgba(0,0,0,.75)}.carousel-prev{left:8px}.carousel-next{right:8px}.carousel-dots{position:absolute;bottom:8px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:6px}.carousel-dot{width:7px;height:7px;border-radius:50%;border:none;padding:0;cursor:pointer;background:hsla(0,0%,100%,.42);transition:background .2s,transform .2s}.carousel-dot.active{background:#fff;transform:scale(1.25)}.credits-main{max-width:640px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.credits-title{font-size:1.7rem;font-weight:800;color:#fff;text-align:center;margin:0 0 .5rem;letter-spacing:-.02em}.credits-sub{text-align:center;color:#88a;font-size:.9rem;margin:0 0 2rem}.credits-num{color:#f6d365}.credits-card{background:#1a1a2e;border:1px solid #2a2a4a;border-radius:16px;padding:1.4rem 1.5rem;margin-bottom:1.1rem;transition:border-color .2s ease}.credits-card:hover{border-color:#3a3a5e}.credits-card-gold{border-color:hsla(46,89%,68%,.35);background:linear-gradient(135deg,hsla(46,89%,68%,.06),hsla(14,97%,76%,.04)),#1a1a2e}.credits-card-gold:hover{border-color:hsla(46,89%,68%,.6)}.credits-card-blue{border-color:rgba(88,101,242,.4);background:linear-gradient(135deg,rgba(88,101,242,.08),rgba(88,101,242,.03)),#1a1a2e}.credits-card-blue:hover{border-color:rgba(88,101,242,.65)}.credits-card-head{display:flex;align-items:flex-start;gap:.9rem;margin-bottom:1.1rem}.credits-card-icon{font-size:1.6rem;line-height:1.2}.credits-card-title{font-size:1.05rem;font-weight:700;color:#eee;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.credits-card-desc{color:#88a;font-size:.82rem;margin-top:.3rem;line-height:1.5}.credits-badge-dev{color:#88a;border:1px solid #335;border-radius:999px}.credits-badge-dev,.credits-badge-free{font-size:.65rem;font-weight:700;padding:.1rem .5rem}.credits-badge-free{color:#ff9f6b;border:1px solid rgba(255,159,107,.5);border-radius:999px}.credits-btn{display:block;width:100%;border:none;border-radius:10px;padding:.75rem 1rem;font-size:.9rem;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;transition:all .2s ease;font-family:inherit}.credits-btn-gold{background:linear-gradient(135deg,#f6d365,#fda085);color:#1a1a2e}.credits-btn-gold:hover{transform:translateY(-1px);box-shadow:0 6px 20px hsla(46,89%,68%,.35)}.credits-btn-blue{background:#5865f2;color:#fff}.credits-btn-blue:hover{background:#4752c4;transform:translateY(-1px);box-shadow:0 6px 20px rgba(88,101,242,.4)}.credits-btn-disabled{background:#22223a;color:#666;cursor:not-allowed}@media (max-width:480px){.credits-main{padding:1.8rem 1rem 3rem}.credits-title{font-size:1.4rem}.credits-card{padding:1.1rem}}