*{color:#fff}html,body{border:0;height:100%;margin:0;padding:0}body{background-color:#0d111b;flex-direction:column;justify-content:center;align-items:center;display:flex}#root{flex-direction:column;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:3rem;width:50%;height:90dvh;display:flex}.header{font-size:3zrem}.grid-item,.card{justify-content:center;align-items:center;display:flex}.grid-item{grid-column:1/-1;min-width:0}.grid-item-1{grid-row:1/2;width:100%}.grid-item-2{grid-row:2/3;justify-content:space-between;width:100%}.grid-item-3{grid-row:3/5;width:100%}.asset{object-fit:cover;border:5px solid #a855f7;border-radius:20px;width:fit-content;max-height:500px}.popup{background:#151515cc;border:1px solid #000;border-radius:30px;padding:20px;transition:all 2s ease-in-out;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.close{color:#fff;background-color:#a855f7;border-radius:20px;padding:10px 30px;font-weight:900}input[type=date]{color:#f8fafc;width:220px;font:inherit;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;padding:12px 16px;transition:transform .2s,border-color .2s,box-shadow .2s}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.92)brightness(1.1)}input[type=date]:hover{border-color:#a855f752}input[type=date]:focus{border-color:#a855f7cc;outline:none;transform:translateY(-1px);box-shadow:0 0 0 6px #a855f71f}.randomize{color:#f8fafc;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;width:220px;padding:12px 16px}@media (width<=960px){.grid-item-2{flex-direction:column;gap:.7em}}@media (width<=768px){#root{gap:1.5rem;width:90%}.grid-item-2{flex-direction:column;gap:.5rem}.asset{max-width:500px}.close{width:100%}}@media (width<=480px){body{padding:1rem}#root{gap:1rem;width:100%;min-height:auto}.asset{border-width:3px;border-radius:12px;max-width:100%}.popup{width:95%;padding:16px}.randomize,input[type=date],.close{padding:10px 14px;font-size:.95rem}}.error>p{color:red!important}#bg-anim{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}#bg-anim li{opacity:0;background:#a855f72e;width:20px;height:20px;list-style:none;animation-name:animate;animation-duration:25s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;display:block;position:absolute;bottom:-150px}#bg-anim li:first-child{width:80px;height:80px;animation-delay:calc(0+var(--anim-delay)) s;left:15%}#bg-anim li:nth-child(2){width:20px;height:20px;animation-delay:calc(2+var(--anim-delay)) s;animation-duration:15s;left:10%}#bg-anim li:nth-child(3){width:20px;height:20px;animation-delay:calc(7+var(--anim-delay)) s;left:70%}#bg-anim li:nth-child(4){width:60px;height:60px;animation-delay:calc(3+var(--anim-delay)) s;animation-duration:18s;left:40%}#bg-anim li:nth-child(5){width:20px;height:20px;animation-delay:calc(3+var(--anim-delay)) s;left:65%}#bg-anim li:nth-child(6){width:110px;height:110px;animation-delay:calc(6+var(--anim-delay)) s;left:75%}#bg-anim li:nth-child(7){width:150px;height:150px;animation-delay:calc(10+var(--anim-delay)) s;left:35%}#bg-anim li:nth-child(8){width:25px;height:25px;animation-delay:calc(18+var(--anim-delay)) s;animation-duration:45s;left:50%}#bg-anim li:nth-child(9){width:15px;height:15px;animation-delay:calc(5+var(--anim-delay)) s;animation-duration:35s;left:20%}#bg-anim li:nth-child(10){width:150px;height:150px;animation-delay:calc(3+var(--anim-delay)) s;animation-duration:11s;left:80%}@keyframes animate{0%{opacity:1;border-radius:0;transform:translateY(0)rotate(0)}to{opacity:0;border-radius:50%;transform:translateY(-100vh)rotate(720deg)}}@media (width<=768px){#bg-anim li:nth-child(7),#bg-anim li:nth-child(10){display:none}}