/*written by Gemini, via Tyler Tesch*/
{ color-scheme: dark; }
    
    body {
      margin: 0;
      font: 16px/1.5 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      background: #0b0f1a;
      color: #e6e6e6;
      display: flex;
      flex-direction: column;
      align-items: center;
      min-height: 100vh;
      padding: 48px 24px;
    }

    h1 { 
      width: 100%;
      max-width: 900px;
      margin: 0 0 24px; 
      font-size: 24px; 
      font-weight: 600;
      color: #ffffff;
    }

    table {
      width: 100%;
      max-width: 900px;
      background: rgba(255, 255, 255, .04); /* Translucent background from your .box */
      border: 1px solid rgba(255, 255, 255, .12); /* Matching border */
      border-radius: 12px;
      border-collapse: separate; /* Required for border-radius on tables */
      border-spacing: 0;
      overflow: hidden;
    }

    th {
      text-align: left;
      padding: 16px;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      color: rgba(230, 230, 230, 0.5); /* Dimmed headers */
      border-bottom: 1px solid rgba(255, 255, 255, .12);
      background: rgba(255, 255, 255, .02);
    }

    td {
      padding: 12px 16px;
      border-bottom: 1px solid rgba(255, 255, 255, .06);
      font-size: 15px;
    }

    tr:last-child td {
      border-bottom: none;
    }

    tr:hover td {
      background: rgba(255, 255, 255, .05);
    }

    a { 
      color: #8ab4ff; 
      text-decoration: none;
      font-weight: 500;
    }

    a:hover { 
      color: #b3d1ff; 
      text-decoration: underline;
    }

    /* Icon adjustment to match the soft text color */
    img {
      filter: invert(1) opacity(0.6);
      margin-right: 12px;
      vertical-align: middle;
    }

    /* Hide the old horizontal rules */
    hr { display: none; }

    /* Dim the metadata (Date/Size) */
    td:nth-child(3), td:nth-child(4) {
      color: rgba(230, 230, 230, 0.5);
      font-family: ui-monospace, SFMono-Regular, monospace;
      font-size: 13px;
    }