.blackhole-container{color:#e0e0ff;background:radial-gradient(#0a0a1a 0%,#000002 70%);width:100%;height:100%;font-family:Inter,sans-serif;position:absolute;top:0;left:0;overflow:hidden}.blackhole-container canvas{width:100%;height:100%;display:block}#info{text-align:center;color:#dcdcffe6;letter-spacing:.5px;pointer-events:none;z-index:100;text-shadow:0 1px 5px #000000b3;width:100%;font-size:18px;transition:opacity 2s ease-in-out 1s;position:absolute;top:20px}.ui-panel{-webkit-backdrop-filter:blur(10px)saturate(160%);color:#e1e1ffe6;user-select:none;z-index:50;box-sizing:border-box;opacity:0;background-image:linear-gradient(145deg,#14192dd9,#0a0f1ee6);border:1px solid #b4b4dc26;border-radius:10px;padding:15px 20px;font-size:14px;transition:opacity .3s,box-shadow .3s,transform .3s;animation:.7s cubic-bezier(.25,.46,.45,.94) .2s forwards panelFadeIn;position:absolute;transform:translateY(15px);box-shadow:0 6px 20px #00000059,inset 0 0 0 1px #b4b4dc12}@keyframes panelFadeIn{to{opacity:1;transform:translateY(0)}}.ui-panel:hover{box-shadow:0 8px 25px #0006,inset 0 0 0 1px #b4b4dc17}#controls{bottom:20px;right:20px}#autoRotateToggle{cursor:pointer;color:inherit;font-size:inherit;align-items:center;gap:8px;padding:8px 5px;transition:color .2s;display:flex}#autoRotateToggle:hover{color:#fff}#autoRotateToggle span{vertical-align:middle}.rotate-icon{stroke:currentColor;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;width:1.1em;height:1.1em}@media (width<=640px){.ui-panel{border-radius:8px;padding:10px 12px}#controls{max-width:150px}#info{font-size:16px;top:15px}#info span{font-size:12px}}