:root {
        color-scheme: dark;
        --bg: #000000;
        --panel: #000000;
        --text: #ffffff;
        --muted: #c7c7c7;
        --border: #ffffff;
      }

      * {
        box-sizing: border-box;
      }

      body {
        margin: 0;
        font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        background: var(--bg);
        color: var(--text);
        line-height: 1.5;
      }

      main {
        max-width: 980px;
        margin: 0 auto;
        padding: 32px 20px 48px;
      }

      nav {
        display: flex;
        justify-content: space-between;
        gap: 18px;
        margin-bottom: 32px;
      }

      a {
        color: var(--muted);
        text-decoration: none;
      }

      a:hover,
      a:focus-visible {
        color: var(--text);
        outline: none;
      }

      header {
        border-bottom: 1px solid var(--border);
        margin-bottom: 22px;
        padding-bottom: 18px;
      }

      h1 {
        margin: 0 0 6px;
        font-size: 28px;
        font-weight: 650;
        letter-spacing: -0.025em;
      }

      .meta {
        color: var(--muted);
        font-size: 14px;
      }

      .panel {
        background: var(--panel);
        border: 1px solid var(--border);
        border-radius: 0;
        overflow: hidden;
      }

      pre {
        margin: 0;
        padding: 22px;
        overflow-x: auto;
        overflow-wrap: normal;
        white-space: pre;
        font-family: inherit;
        font-size: 13px;
      }