:root { --bg: #14121c; --panel: #1c1a26; --line: #2c2938; --text: #eae7f2;
          --muted: #9a94ad; --accent: #7c5cff; --accent-2: #b39bff; }
  @media (prefers-color-scheme: light) {
    :root { --bg: #f7f5ff; --panel: #fff; --line: #e6e2f2; --text: #241f33; --muted: #6d6685; }
  }
  * { box-sizing: border-box; }
  body { font-family: "Hiragino Maru Gothic ProN", "BIZ UDPGothic", "Yu Gothic UI", system-ui, sans-serif;
         background: var(--bg); color: var(--text); line-height: 1.9; margin: 0; padding: 0 16px 80px; }
  main { max-width: 720px; margin: 0 auto; }
  header { padding: 40px 0 22px; border-bottom: 1px solid var(--line); margin-bottom: 26px; }
  h1 { font-size: 25px; margin: 0 0 6px; }
  h2 { font-size: 17px; margin: 32px 0 8px; }
  p, li { font-size: 14.5px; }
  .note { color: var(--muted); font-size: 13px; }
  a { color: var(--accent-2); }
  ul, ol { padding-left: 22px; }
  li { margin-bottom: 6px; }
  .box { background: var(--panel); border: 1px solid var(--line); border-radius: 10px;
         padding: 16px 18px; margin: 16px 0; }