:root{--a:#8b5cf6;--b:#ec4899}
body{background:#0b0b1a;color:#f1f5f9;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Nastaliq Urdu","Noto Sans Arabic","Noto Sans Symbols 2","Noto Sans Math",sans-serif}
.grad{background:linear-gradient(90deg,var(--a),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{background:linear-gradient(90deg,var(--a),var(--b));color:#fff;border-radius:.75rem;font-weight:600;padding:.65rem 1.5rem;transition:transform .15s}
.btn:active{transform:scale(.95)}
.chips{scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
.copied{background:#10b981!important}
#splash{position:fixed;inset:0;z-index:99;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:1rem;background:radial-gradient(circle at 50% 40%,#2b1465,#0b0b1a 70%);transition:opacity .6s,visibility .6s;cursor:pointer;overflow:hidden}
#splash.out{opacity:0;visibility:hidden}
#splash h1 span{display:inline-block;opacity:0;animation:pop .6s cubic-bezier(.2,1.6,.4,1) forwards}
.sp-t{opacity:0;animation:pop .8s 1s forwards;font-size:1.4rem;font-weight:700}
#splash .btn{opacity:0;animation:pop .6s 1.6s forwards}
@keyframes pop{from{opacity:0;transform:translateY(30px) scale(.4)}to{opacity:1;transform:none}}
.star{position:absolute;animation:tw 2s infinite alternate}
@keyframes tw{from{opacity:.1;transform:scale(.6)}to{opacity:1;transform:scale(1.3)}}
.magic{position:fixed;left:50%;top:40%;z-index:90;width:max-content;max-width:90vw;text-align:center;font-size:clamp(1.4rem,6vw,2.4rem);font-weight:800;pointer-events:none;background:linear-gradient(90deg,var(--a),var(--b),#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px var(--b));animation:mg 1.8s forwards}
@keyframes mg{0%{opacity:0;transform:translate(-50%,-30%) scale(.3)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-80%)}}
.pt{position:fixed;left:50%;top:40%;z-index:89;pointer-events:none;font-size:1.4rem;animation:bu 1.2s ease-out forwards}
@keyframes bu{to{transform:translate(var(--x),var(--y)) rotate(360deg) scale(.4);opacity:0}}
.rise{opacity:0;animation:ri .4s forwards}
@keyframes ri{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.prose-c{line-height:1.8;color:#cbd5e1}.prose-c h2{font-size:1.5rem;font-weight:700;margin:1.2rem 0 .5rem;color:#fff}.prose-c h3{font-size:1.2rem;font-weight:700;margin:1rem 0 .4rem;color:#fff}.prose-c p,.prose-c ul,.prose-c ol{margin:.7rem 0}.prose-c ul{list-style:disc;padding-left:1.4rem}.prose-c ol{list-style:decimal;padding-left:1.4rem}.prose-c a{color:var(--b);text-decoration:underline}.prose-c img{max-width:100%;border-radius:.75rem}