UTOPIA INGENUA

PROBING THE ARCHIVE OF SELF...

", "css": "#utopia-container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; background: radial-gradient(circle, #0f172a, #000); color: #e2e8f0; font-family: 'Courier New', monospace; overflow: hidden; } #nucleus { width: 50px; height: 50px; background: #38bdf8; border-radius: 50%; box-shadow: 0 0 20px #38bdf8; z-index: 10; } .orbit { position: absolute; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 50%; animation: rotate linear infinite; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #title { letter-spacing: 0.5em; opacity: 0.7; } #status { font-size: 0.8rem; color: #64748b; }", "js": "const container = document.getElementById('utopia-container'); for(let i=0; i<3; i++) { const orbit = document.createElement('div'); orbit.className = 'orbit'; const size = 150 + (i * 100); orbit.style.width = size + 'px'; orbit.style.height = size + 'px'; orbit.style.animationDuration = (5 + (i * 3)) + 's'; container.appendChild(orbit); } document.addEventListener('mousemove', (e) =>