body {
      margin: 0;
      overflow: hidden;
      background-color: #000005;
      color: #fff;
      font-family: 'Arial', sans-serif;
    }

    #webgl-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
    }

    #css-container {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; /* CSS3DRenderer needs to be on top */
      pointer-events: none; /* Allow interaction with underlying canvas if needed, but panels need events */
    }

    #css-container > div > div { /* Target the CSS3DObject container */
        pointer-events: auto; /* Enable pointer events for the panels */
    }

    .panel-content {
      width: 400px;
      height: 300px;
      background-color: rgba(0, 100, 150, 0.15); /* Faint background */
      border: 1px solid rgba(0, 150, 255, 0.5); /* Holographic border */
      box-shadow: 0 0 15px rgba(0, 150, 255, 0.4), inset 0 0 10px rgba(0, 150, 255, 0.2); /* Glow effect */
      padding: 20px;
      box-sizing: border-box;
      color: #cceeff;
      font-size: 14px;
      overflow-y: auto; /* Allow scrolling if content exceeds height */
      opacity: 0.85; /* Slight transparency */
      backdrop-filter: blur(2px); /* Subtle blur for depth (browser support varies) */
      -webkit-backdrop-filter: blur(2px);
      border-radius: 5px;
    }

    .panel-content h2 {
      margin-top: 0;
      color: #ffffff;
      border-bottom: 1px solid rgba(0, 150, 255, 0.3);
      padding-bottom: 5px;
    }

    .panel-content button,
    .panel-content input {
        background-color: rgba(0, 50, 80, 0.5);
        border: 1px solid rgba(0, 150, 255, 0.6);
        color: #cceeff;
        padding: 8px 12px;
        margin-top: 10px;
        border-radius: 3px;
        cursor: pointer;
    }
    .panel-content input {
        width: calc(100% - 26px); /* Adjust for padding and border */
    }

    .panel-content button:hover {
        background-color: rgba(0, 80, 120, 0.7);
        box-shadow: 0 0 8px rgba(0, 150, 255, 0.5);
    }

    .panel-content ::-webkit-scrollbar {
        width: 8px;
    }

    .panel-content ::-webkit-scrollbar-track {
        background: rgba(0, 50, 80, 0.3);
        border-radius: 4px;
    }

    .panel-content ::-webkit-scrollbar-thumb {
        background: rgba(0, 150, 255, 0.5);
        border-radius: 4px;
    }

    .panel-content ::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 150, 255, 0.8);
    }