body { background: #f5f5f5; }
    h1 { color: #333; }
    lustre-server-component {
      display: block;
      min-height: 100px;
    }
    lustre-server-component::before {
      content: 'Loading...';
      color: #999;
    }
    lustre-server-component:defined::before {
      content: '';
    }
    lustre-server-component.disconnected {
      position: relative;
      pointer-events: none;
    }
    lustre-server-component.disconnected::after {
      content: 'Connection lost \2014 reconnecting\2026';
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #555;
      font-size: 0.95em;
      font-style: italic;
      backdrop-filter: blur(4px);
      background: rgba(255, 255, 255, 0.3);
      z-index: 999;
    }